Éditeur Studio Two : Ajouter et personnaliser une barre sociale

Ajoutez une barre sociale pour aider les visiteurs à retrouver et à suivre les comptes de réseaux sociaux de votre client. La barre sociale affiche les icônes des plateformes de votre choix, et chaque icône renvoie vers le compte correspondant. Vous pouvez aussi choisir le design des icônes et personnaliser leur taille et leur espacement.

Ajoutez la barre sociale à votre page et placez-la à un endroit où les visiteurs la verront. Par exemple, vous pouvez l'ajouter à l'en-tête du site pour qu'elle apparaisse en haut de chaque page.

1. Accédez à votre Éditeur.

2. Survolez l'icône Ajouter des éléments en haut à gauche de l'éditeur.

3. Cliquez sur l'icône Réseaux sociaux .

4. Faites glisser la barre sociale à l'endroit souhaité sur la page.

La barre sociale contient des icônes par défaut, mais vous pouvez la personnaliser pour qu'elle corresponde aux comptes de réseaux sociaux de votre client. Remplacez des icônes existantes, ajoutez-en de nouvelles, associez chaque icône au lien du réseau correspondant ou supprimez les icônes dont vous n'avez pas besoin.

1. Accédez à votre éditeur.
2. Sélectionnez l'élément concerné.
3. Cliquez sur Gérer les éléments.
4. Choisissez comment vous souhaitez personnaliser la barre sociale :

Adaptez la mise en page et le design de la barre sociale à votre page. Vous pouvez modifier la taille des icônes, définir l'espacement entre elles et choisir de les afficher à l'horizontale ou à la verticale.

1. Accédez à votre éditeur.
2. Sélectionnez la barre sociale.
3. Cliquez sur l'icône Ouvrir l'inspecteur en haut à droite de l'éditeur.
4. Cliquez sur l'onglet Design.
5. (Facultatif) Sélectionnez un état dans la liste déroulante État : Normal ou Survol.
6. Personnalisez la barre sociale à l'aide des options ci-dessous :
   Remarque : Les options de personnalisation disponibles dépendent de l'état sélectionné : Normal ou Survol.
   • Icônes d'alignement : Alignez la barre sociale sur la page ou dans son conteneur.
   • Espacement : Définissez l'espace horizontal et vertical entre les icônes de réseaux sociaux.
   • Comportement :
     • Appliquer la direction du site : Activez l'interrupteur pour que la barre suive la direction de votre site (de gauche à droite ou de droite à gauche).
     • Alignement : Choisissez comment les icônes sont alignées dans la barre.
   • Icônes : Utilisez le curseur ou saisissez une valeur pour définir la taille des icônes de réseaux sociaux.
   • Position : Choisissez le Type de position et définissez les marges autour de la barre sociale.
   • Apparence : Définissez l'opacité et la rotation de la barre sociale.
   • Curseur : Cliquez sur Ajouter une image ou .svg pour importer un curseur personnalisé qui s'affiche lorsque les visiteurs survolent la barre sociale.
   • Ancre : Activez l'option Ajouter une ancre pour ajouter une ancre à la barre sociale.
   • CSS personnalisé : Ajoutez votre propre code CSS pour personnaliser davantage le style de la barre sociale.