Réussi
Accordéon
Organisez les FAQ et les détails supplémentaires dans des panneaux extensibles avec des médias et des boutons facultatifs.
Utilisez ce bloc pour organiser des informations plus longues dans des panneaux repliables, plus faciles à parcourir. C’est un choix pratique pour les FAQ, les détails d’expédition, les instructions d’entretien, les politiques ou tout autre contenu de support qui doit rester disponible sans occuper toute la page. Pour un aperçu plus large de la structure du contenu du thème, consultez la documentation Shopify sur les sections et les blocs
Vous pouvez rédiger le contenu directement dans le bloc ou le connecter à une page ou à un article de blog existant. Consultez le guide Accordéon.
Paramètres de base
Section intitulée « Paramètres de base »Commencez par le titre et le contenu. Le titre est le libellé cliquable que les clients voient en premier, alors gardez-le court et précis, tandis que la zone de contenu est mieux adaptée à la réponse, à l’explication ou aux détails de support.
Vous pouvez choisir d’afficher l’accordéon ouvert par défaut. Cela fonctionne bien lorsqu’un élément est particulièrement important, mais l’utiliser trop souvent rend le bloc moins compact.
Le bloc peut également récupérer du contenu depuis un article de blog ou une page. C’est utile lorsque vous souhaitez réutiliser ailleurs un contenu plus long, et vous pouvez éventuellement afficher l’extrait à la place du corps complet lorsqu’un aperçu plus court suffit. Pour obtenir de l’aide sur les extraits, consultez les Extraits.
Si une page et un article de blog sont tous deux attribués, la page est prioritaire.
Titre et actions
Section intitulée « Titre et actions »Vous pouvez ajouter une icône en ligne à côté du titre pour donner davantage de caractère visuel à l’élément d’accordéon ou pour aider à différencier les sujets. Gardez des choix d’icônes cohérents entre les éléments associés afin que le bloc paraisse intentionnel plutôt que décoratif. Pour la configuration des icônes, consultez les Icônes.
Si l’accordéon est connecté à du contenu externe, vous pouvez afficher automatiquement un lien vers ce contenu. Vous pouvez également ajouter votre propre texte de bouton, lien, icône et style lorsque vous souhaitez un appel à l’action plus volontaire.
Choisissez un style de bouton qui correspond à l’importance de l’action. Les styles plus visibles conviennent mieux lorsque le lien représente une véritable étape suivante, tandis que des styles plus petits ou plus sobres conviennent aux parcours de lecture secondaires. Des boutons mobiles pleine largeur peuvent aider lorsque la facilité de toucher compte davantage que la subtilité visuelle.
Paramètres des médias
Section intitulée « Paramètres des médias »Vous pouvez ajouter des médias facultatifs pour modifier l’apparence et le ressenti du contenu de l’accordéon. Les médias peuvent apparaître au-dessus ou au-dessous du texte, selon qu’ils doivent introduire le message ou le soutenir ensuite.
Utilisez une image lorsque vous souhaitez un simple enrichissement visuel, ou utilisez une vidéo lorsque le mouvement aide à mieux expliquer le contenu. Si vous ajoutez un lien vers un service vidéo, utilisez l’URL de la vidéo plutôt que le code d’intégration.
Une image d’affiche est particulièrement utile pour une vidéo hébergée, car elle offre au bloc une première image plus soignée avant le début de la lecture. Les paramètres de format d’image vous aident à contrôler la façon dont les médias s’adaptent à la mise en page, et le format distinct pour mobile est utile lorsqu’un cadrage qui fonctionne sur ordinateur semble trop haut, trop étroit ou trop serré sur les petits écrans.
La lecture automatique et la lecture en boucle sont généralement plus adaptées aux clips courts et d’ambiance qu’au contenu oral essentiel. Si les clients ont besoin d’entendre ou de contrôler la vidéo, laissez les commandes disponibles et testez l’état développé sur les petits écrans. Pour plus d’orientations, consultez Utiliser la vidéo.
Paramètres standard du bloc
Section intitulée « Paramètres standard du bloc »Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Utilisez les contrôles de visibilité pour afficher le bloc sur tous les appareils ou le masquer sur ordinateur ou sur mobile. C’est utile lorsque vous souhaitez un contenu, un libellé ou des choix de médias différents pour les petits écrans. Consultez les Paramètres de visibilité.
Conseils d’utilisation
Section intitulée « Conseils d’utilisation »- Gardez des titres clairs. Rédigez les titres sous forme de questions ou de sujets précis afin que les clients puissent rapidement choisir l’élément à ouvrir.
- Utilisez une seule source de contenu. Saisissez directement le texte pour un contenu personnalisé court, ou connectez une page ou un article de blog pour du contenu réutilisable, mais évitez de vous appuyer sur les deux à la fois.
- N’ouvrez qu’avec parcimonie. Utilisez l’option ouverte par défaut uniquement pour un élément prioritaire, surtout lorsque plusieurs blocs d’accordéon apparaissent ensemble.
- Ajoutez des médias avec intention. Choisissez des images ou des vidéos uniquement lorsqu’ils améliorent la compréhension, et vérifiez la mise en page développée sur ordinateur et sur mobile avant de publier.
- Rendez les actions pertinentes. Affichez un bouton ou un lien de contenu uniquement lorsque les clients tirent réellement avantage d’un accès à une destination plus complète.
- Attendez-vous à un style de secours. Laisser les couleurs ou d’autres valeurs visuelles à leur état par défaut peut préserver l’apparence environnante, tandis que des remplacements explicites rendent l’accordéon plus indépendant du reste de la page.