Icônes de réseaux sociaux

Liens en vedette

1. Documentation de Company XYZ sur les paramètres de couleur
2. Documentation de Company XYZ sur les paramètres de visibilité
3. Documentation Shopify sur les sections et les blocs

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Ce bloc affiche des liens vers les profils sociaux déjà configurés dans les paramètres de votre thème. Pour une vue d’ensemble plus large de l’organisation des blocs de thème, consultez la documentation Shopify sur les sections et les blocs. Utilisez-le là où les clients s’attendent à trouver des points de contact rapides avec votre marque, par exemple dans un en-tête, un pied de page, une zone de contact ou un contenu axé sur l’assistance.

Paramètres de base

Les principaux paramètres contrôlent l’apparence des liens sociaux et les réseaux qui s’affichent.

Choisissez un style d’icône en fonction du rôle du bloc dans votre mise en page. Branded est le plus facile à reconnaître d’un coup d’œil, Solid offre un style visuel plus épuré et plus cohérent, et Text only fonctionne bien lorsque vous souhaitez que les liens donnent davantage l’impression d’une navigation que d’une décoration.

Par défaut, Show all affiche tous les réseaux sociaux configurés dans les paramètres de votre thème. Désactivez cette option lorsque vous souhaitez que ce bloc n’affiche que certains réseaux, par exemple pour garder un en-tête minimal tout en affichant une liste plus complète dans le pied de page.

Lorsque Show all est désactivé, vous pouvez choisir des réseaux individuels pour ce bloc. C’est la meilleure option lorsque l’espace est limité ou lorsque différentes zones de votre boutique doivent mettre en avant différents canaux.

Ce bloc n’affiche que les réseaux pour lesquels des informations de compte ont déjà été ajoutées dans les paramètres de votre thème. L’activation d’un réseau ici ne crée pas le lien social à elle seule.

Paramètres standard de bloc

Paramètres de couleur

Ces paramètres permettent à ce bloc de remplacer vos choix de couleurs de thème plus larges lorsque c’est nécessaire. Ils sont particulièrement utiles lorsque le bloc se trouve sur un fond différent ou a besoin d’un contraste plus fort que le contenu environnant.

Couleur de l’icône affecte uniquement le style Solid, et Couleur du texte affecte uniquement le style Text only. Si une modification de couleur ne s’affiche pas, vérifiez d’abord qu’elle correspond au style que vous avez sélectionné.

Consultez la référence partagée des paramètres de couleur : documentation Company XYZ sur les paramètres de couleur.

Paramètres de visibilité

Utilisez les contrôles de visibilité pour décider si ce bloc apparaît sur ordinateur, sur mobile ou sur les deux. C’est utile lorsque vous souhaitez des liens sociaux dans une mise en page mais pas dans une autre, en particulier dans les conceptions mobiles compactes.

Masquez le bloc uniquement lorsque les mêmes liens sont disponibles ailleurs ou lorsque l’emplacement semble répétitif. Cela permet de garder une mise en page claire sans rendre vos liens sociaux plus difficiles à trouver.

Consultez la référence partagée des paramètres de visibilité : documentation Company XYZ sur les paramètres de visibilité.

Notes d’utilisation

1. Adaptez le style à l’emplacement. Utilisez des icônes branded pour une reconnaissance rapide, des icônes solid pour un rendu plus net, et text only pour les zones de type navigation.
2. Réduisez la liste des réseaux si nécessaire. Désactivez Show all dans les espaces plus restreints afin que le bloc mette en avant uniquement les canaux que les clients sont les plus susceptibles d’utiliser.
3. Remplacez les couleurs avec intention. Modifiez les couleurs des icônes ou du texte lorsque vous avez besoin d’un meilleur contraste ou d’une mise en valeur plus nette dans une zone précise.
4. Vérifiez d’abord la configuration du compte. Si un réseau devrait apparaître mais n’apparaît pas, vérifiez que son profil social a déjà été ajouté dans les paramètres de votre thème.
5. Utilisez la visibilité adaptative avec prudence. Masquez le bloc sur mobile ou sur ordinateur uniquement lorsqu’un autre emplacement répond déjà au même besoin.
6. Vérifiez les deux affichages. Les contrôles pour ordinateur et mobile peuvent entraîner des différences d’espacement, d’alignement, de visibilité et de comportement des médias, alors vérifiez les deux mises en page avant de publier.