Un Social Hub est une interface simple et visuelle qui vous permet d’afficher une sélection de partages sociaux sur une page de votre site web ou de mettre à disposition de contenus à partager. Voici des exemples :
Créer le canal Social Hub dans Limber (Back-End)
Un Social Hub est un canal sortant Limber au même titre qu’un compte Twitter ou qu’une newsletter.
Pour créer votre Social Hub, allez sur la page Canaux sortants puis cliquez sur l’icône Social Hub
Vous êtes ensuite invité à donner un nom à votre Social Hub ainsi qu’à sélectionner les canaux sortants que vous souhaitez voir apparaître sur votre Hub.
Une fois le Social Hub créé, vous pouvez noter son ID qui vous sera nécessaire pour afficher votre Hub sur votre site. Pour cela, cliquez sur le menu « Modifier » pour votre Hub.
Puis un modal s’affichera et l’ID de votre Social Hub apparaîtra :
Sélectionner les partages à afficher sur le Social Hub
Une fois le Social Hub configuré, l’ensemble des partages déjà partagés sur les canaux sortants sélectionnés seront visibles sur le Social Hub. Vous pouvez néanmoins choisir d’afficher ou de masquer les partages de votre choix en via une icône Social Hub présente sur chaque partage dans la page Partages.
Afficher le Social Hub sur mon site web (Front-End)
L’affichage du Social Hub sur votre site web passe par l’utilisation de fichiers HTML, CSS et JS disponibles dans un fichier Zip à télécharger.
L’ensemble des fichiers de ce fichier Zip doit être dézippé dans un répertoire de votre serveur web. Par exemple vous pouvez créer un dossier « social-hub » à la racine de votre serveur et y transférer les fichiers.
Le Social Hub pourra être afficher via l’URL https://votresite.com/social-hub?id=iddevotresocialhub
Customizer l’apparence de votre Social Hub
Les classes CSS qui définissent les couleurs d’affichage de votre Social Hub peuvent être modifiées dans le fichier styles.css du répertoire de votre Social Hub. Vous devrez essentiellement modifier les classes commençant par « .masonry-brick ».