La section Icônes de réseaux sociaux affiche des liens vers vos profils sociaux. Elle peut se placer dans la page ou rester fixée sur le côté de l'écran pendant que les clients font défiler.
L'ajouter
Dans le constructeur, ouvrez l'onglet Sections, cliquez sur Ajouter une nouvelle section et choisissez Icônes de réseaux sociaux dans le groupe Marketing. Une par page, sur n'importe quelle page. Le pied de page a un bloc Icônes de réseaux sociaux avec les mêmes comptes et les mêmes réglages d'icônes, voir Comment configurer le pied de page de ma boutique (à propos, menu, icônes sociales, icônes de paiement, liens des politiques, droits d'auteur) ?.
Comptes sociaux
Remplissez uniquement les plateformes que vous utilisez. Les champs vides ne s'affichent pas, et si aucun compte n'est rempli, la section ne s'affiche pas du tout.
- Pour Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr et Telegram, tapez seulement votre nom d'utilisateur, pas le lien complet. Par exemple
mystore. Certaines plateformes, comme Instagram, TikTok et X, acceptent aussi@mystore. - Pour une page entreprise LinkedIn, saisissez
company/puis le nom de la page, par exemplecompany/mystore. - Pour WhatsApp, tapez votre numéro de téléphone au format international, uniquement des chiffres, par exemple
212600000000.
Sur les pages produit et de destination, le lien WhatsApp ouvre une discussion avec un message déjà rédigé qui cite le produit : vous savez ainsi de quoi parle le client. Cela fonctionne aussi pour le bloc du pied de page.
Disposition
- Mode : En ligne affiche les icônes en rangée dans la page. Fixe les colle en colonne sur le côté de l'écran.
- Position (Fixe uniquement) : le bord Gauche ou Droite.
- En ligne sur mobile (Fixe uniquement) : sur les petits écrans, les icônes reviennent dans la page pour ne pas cacher votre contenu.
- Largeur de la section et Alignement (En ligne uniquement) : largeur Page ou Complet, et icônes à gauche, au centre ou à droite.
Apparence
- Apparence : Icônes vous donne tous les réglages de style ci-dessous. Application affiche chaque plateforme sous forme de bouton rond à la couleur de sa marque, comme des icônes d'application. En mode Application, les réglages de forme, de style, de palette, d'effet au survol et de schéma de couleurs sont masqués car ils ne s'appliquent pas.
- Taille de l'icône : de 12 à 64 pixels.
- Forme : Aucun (juste l'icône), Cercle, Arrondi ou Carré. Avec une forme, vous avez aussi Style (Plat rempli, ou Contour) et Taille de la forme. La forme reste toujours au moins aussi grande que l'icône.
- Palette de couleurs : Marque (la couleur propre à chaque plateforme), Mono (la couleur du texte de votre schéma) ou Personnalisé avec une Couleur personnalisée.
- Effet au survol : Aucun, Marque (passe à la couleur de la marque), Échelle, Soulever ou Opacité.
- Schéma de couleurs : le fond de la section et la couleur Mono.
- Espacement entre les icônes, Marge intérieure et l'onglet CSS personnalisé.
Recettes
- Des icônes qui suivent le client : réglez Mode sur Fixe et Position sur Droite, et activez En ligne sur mobile. Sur ordinateur, les icônes restent sur le côté de l'écran pendant que les clients font défiler.
- Des boutons d'application colorés : réglez Apparence sur Application. Chaque plateforme garde la couleur de sa marque, quelles que soient les couleurs de votre boutique.
- Des icônes discrètes assorties à votre boutique : Apparence Icônes, Forme Aucun, Palette de couleurs Mono et Effet au survol Marque, pour que la couleur de la marque n'apparaisse qu'au survol.
Bon à savoir
- Un lien ouvre la mauvaise page : vérifiez que vous n'avez tapé que le nom d'utilisateur. Une adresse complète ou des caractères en trop ne sont pas acceptés.
- Les icônes fixes cachent un bouton sur téléphone : activez En ligne sur mobile.