Réussi
Témoignages
Affichez des témoignages clients dans une grille ou un diaporama flexible avec des liens produits et des médias facultatifs.
- Documentation Shopify sur les sections et les blocs
- Documentation Company XYZ sur le bloc de témoignage
- Documentation Company XYZ sur les paramètres de mise en page
- Documentation Company XYZ sur les paramètres des commandes du diaporama
- Documentation Company XYZ sur les paramètres d’en-tête
- Documentation Company XYZ sur les paramètres de carte
- Documentation Company XYZ sur les paramètres d’espacement de section
- Documentation Company XYZ sur les paramètres d’arrière-plan de section
- Documentation Company XYZ sur les paramètres de séparateur
- Documentation Company XYZ sur les paramètres de visibilité
- Documentation Company XYZ sur les paramètres de largeur de mise en page
Utilisez Testimonials pour mettre en avant des citations de clients, les relier à des produits phares et les présenter sous forme de grille ou de diaporama. C’est un bon choix pour les pages d’accueil, les pages de destination et les pages promotionnelles, lorsque la preuve sociale a besoin de davantage de contrôle de conception qu’un simple fil d’avis. Pour un aperçu plus large du fonctionnement des sections et des blocs dans l’éditeur, consultez documentation Shopify sur les sections et les blocs
Paramètres standard de section
Section intitulée « Paramètres standard de section »Paramètres de mise en page
Section intitulée « Paramètres de mise en page »Paramètres de mise en page contrôlent le nombre de cartes de témoignages affichées et leur comportement sur ordinateur, tablette et mobile. Vous pouvez combiner les mises en page en grille et en diaporama selon l’appareil, ce qui est utile lorsque vous voulez une mise en page plus complète sur les grands écrans et une navigation plus simple sur les petits.
Les mises en page en grille fonctionnent mieux lorsque les témoignages sont courts et visuellement cohérents. Les mises en page en diaporama conviennent généralement mieux aux citations plus longues, aux médias mixtes ou aux cartes dont la hauteur varie nettement.
Si le nombre de colonnes sur tablette est laissé à 0, les écrans tablettes utilisent le réglage de colonnes pour ordinateur. Cela peut faire gagner du temps lors de la configuration, mais il vaut la peine de vérifier l’espacement sur tablette si vos cartes incluent des citations longues, des images de produits ou des vidéos.
L’alignement du contenu aide à conserver une impression d’intention lorsque la longueur des témoignages varie. L’étirement vertical peut rendre les rangées plus nettes en faisant correspondre la hauteur des cartes au sein d’une même rangée.
Si vos témoignages varient beaucoup en longueur, testez ensemble l’alignement du contenu et l’étirement vertical. Des hauteurs alignées donnent généralement un rendu plus net dans les grilles, tandis que des hauteurs naturelles peuvent mieux convenir à des mises en page plus éditoriales.
Paramètres du diaporama
Section intitulée « Paramètres du diaporama »Paramètres du diaporama s’appliquent lorsqu’un appareil est défini sur une mise en page en diaporama. Ces contrôles influencent l’animation, l’autoplay, la boucle, la navigation, la pagination et le fait que la diapositive suivante soit partiellement visible ou non.
L’animation en fondu est la meilleure option lorsque vous souhaitez mettre en avant un témoignage à la fois. Elle modifie aussi le comportement de la mise en page en imposant une vue d’une seule diapositive, et désactive l’aperçu des diapositives ainsi que les styles de pagination qui dépendent de plusieurs diapositives visibles.
L’autoplay peut ajouter du mouvement, mais le contenu des témoignages nécessite généralement un rythme plus lent que les bannières promotionnelles. Si vous activez l’autoplay, utilisez un délai plus long et gardez la navigation visible afin que les clients puissent mettre en pause et avancer à leur propre rythme.
Paramètres de couleur
Section intitulée « Paramètres de couleur »Ces remplacements de couleur au niveau de la section vous permettent d’ajuster les couleurs des icônes, du texte et des sous-titres sans modifier le reste de votre thème. Ils sont particulièrement utiles lorsque la section se trouve sur un arrière-plan personnalisé ou a besoin d’un contraste plus fort que celui fourni par vos styles globaux.
Si vous personnalisez aussi les couleurs des cartes, examinez les deux ensembles ensemble. L’introduction de la section et les cartes de témoignages peuvent chacune utiliser des traitements de couleur différents ; une vérification rapide du contraste aide donc à conserver une section cohérente.
Types de blocs pris en charge
Section intitulée « Types de blocs pris en charge »- Témoignage
Témoignage
Section intitulée « Témoignage »Le bloc Témoignage ajoute une citation client individuelle, une ligne source, une évaluation et une connexion produit facultative. Il peut aussi inclure une image ou une vidéo d’accompagnement pour donner plus d’impact visuel au témoignage. Voir documentation Company XYZ sur le bloc Témoignage.
Utilisez des citations courtes et ciblées lorsque vous souhaitez afficher plusieurs cartes à la fois. Si un témoignage raconte une histoire plus longue ou inclut des médias plus riches, il sera généralement plus facile à consulter dans une mise en page en diaporama.
Lorsque vous associez un produit, la carte peut relier visuellement le témoignage à un article précis. Le style d’image du produit ne s’applique que lorsqu’un produit est sélectionné ; il est donc tout à fait possible de laisser les images du produit masquées lorsque la citation doit se suffire à elle-même.
Paramètres d’image
Section intitulée « Paramètres d’image »L’imagerie est facultative, mais elle peut modifier considérablement le ton de la carte. Une image simple peut rendre un témoignage plus personnel, tandis qu’une vidéo peut lui donner un caractère plus éditorial ou orienté campagne.
L’imagerie en haut donne davantage de priorité visuelle au média. L’imagerie en bas conserve la citation comme point central, ce qui est souvent un meilleur choix pour le contenu destiné à renforcer la confiance.
Si vous utilisez une vidéo, une image d’affiche aide la carte à paraître soignée avant le début de la lecture. L’autoplay convient généralement mieux aux clips courts et muets qu’aux témoignages parlés.
Paramètres partagés au niveau du bloc
Section intitulée « Paramètres partagés au niveau du bloc »Chaque bloc de témoignage inclut aussi ses propres remplacements de couleur de carte, ses contrôles de visibilité et un titre d’éditeur. Les changements de couleur au niveau du bloc sont utiles pour mettre en valeur un témoignage phare, mais ils fonctionnent mieux lorsqu’ils sont utilisés avec parcimonie.
Paramètres standard de section
Section intitulée « Paramètres standard de section »Paramètres d’en-tête
Section intitulée « Paramètres d’en-tête »Paramètres d’en-tête contrôlent le contenu d’introduction au-dessus des témoignages, notamment l’alignement, la structure de l’en-tête, l’icône facultative, le texte d’accompagnement et un bouton facultatif. Utilisez cette zone pour cadrer la section avec un message clair sur les avis clients, la confiance envers la marque ou les avis phares.
Si vous ajoutez un bouton, gardez l’action étroitement liée aux témoignages, par exemple en renvoyant vers une collection, un groupe de produits ou une page d’avis dédiée. Choisissez le niveau d’en-tête en fonction de la structure de la page, et pas seulement de la taille visuelle.
Paramètres de carte
Section intitulée « Paramètres de carte »Paramètres de carte vous permettent de remplacer les couleurs par défaut de l’arrière-plan, de la bordure et du texte des cartes de témoignages dans cette section. Ces paramètres sont utiles lorsque vous souhaitez que les cartes semblent détachées de l’arrière-plan de la page ou qu’elles correspondent à une campagne saisonnière.
Donnez la priorité à la lisibilité lorsque vous utilisez des dégradés ou des couleurs d’arrière-plan plus douces. Un contraste fort est particulièrement important pour le texte de citation, les noms des sources et les icônes d’évaluation.
Paramètres d’espacement
Section intitulée « Paramètres d’espacement »Paramètres d’espacement contrôlent l’espace au-dessus et au-dessous de la section. Ajustez-les pour offrir suffisamment d’air aux témoignages, surtout lorsque la section apparaît entre des zones riches en images ou en texte.
Un espacement plus généreux peut donner une impression plus haut de gamme aux témoignages. Un espacement plus serré peut fonctionner sur des pages de destination compactes, mais vérifiez attentivement sur mobile afin que la section ne paraisse pas encombrée.
Paramètres d’arrière-plan de section
Section intitulée « Paramètres d’arrière-plan de section »Paramètres d’arrière-plan de section vous permettent d’ajouter à la section une couleur d’arrière-plan, un dégradé, une image, une vidéo et une superposition. C’est utile lorsque vous souhaitez que la zone des témoignages se distingue du contenu environnant.
Les médias d’arrière-plan peuvent créer une ambiance, mais ils peuvent aussi réduire la lisibilité. Utilisez ensemble les superpositions et les remplacements de couleur afin que le texte des citations reste facile à lire.
Paramètres de séparateur
Section intitulée « Paramètres de séparateur »Paramètres de séparateur ajoutent une ligne au-dessus ou au-dessous de la section pour créer une transition plus nette entre les zones de la page. C’est un bon choix lorsque vous voulez une séparation sans ajouter un traitement d’arrière-plan complet.
Gardez un style de séparateur simple si vos cartes de témoignages utilisent déjà des bordures marquées ou des arrière-plans forts. Trop de séparateurs visuels peuvent rendre la page chargée.
Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Paramètres de visibilité contrôlent si la section apparaît sur ordinateur, sur mobile ou sur les deux. C’est utile lorsque vous souhaitez une présentation des témoignages pour les grands écrans et une autre pour les plus petits.
Utilisez avec prudence la visibilité spécifique à l’appareil afin de ne pas avoir à maintenir plusieurs versions du même contenu, sauf si l’avantage de mise en page est évident.
Paramètres de largeur
Section intitulée « Paramètres de largeur »Paramètres de largeur contrôlent la largeur de la section et la largeur maximale de son contenu. Dans Testimonials, ces paramètres ont un fort impact sur la lisibilité et sur la sensation de densité de la mise en page.
Des largeurs de contenu plus étroites rendent généralement les citations longues plus faciles à lire. Des largeurs plus grandes conviennent mieux aux grilles multi-colonnes, mais prévisualisez la mise en page finale dans la boutique en ligne, car les aperçus de l’éditeur peuvent rendre les changements de largeur plus difficiles à évaluer avec précision.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Faites correspondre la mise en page au contenu. Utilisez des grilles pour les témoignages courts et homogènes, et des diaporamas pour les citations plus longues, les médias mixtes ou les longueurs de carte inégales.
- Liez les produits avec parcimonie. Associez les témoignages à des produits uniquement lorsque la citation soutient clairement un article précis, afin que la section reste utile plutôt que trop promotionnelle.
- Protégez la lisibilité. Vérifiez attentivement le contraste du texte chaque fois que vous utilisez des arrière-plans personnalisés, des dégradés, des superpositions ou des remplacements de couleur de carte.
- Utilisez le mouvement avec retenue. L’autoplay, la boucle et la vidéo peuvent apporter de l’énergie, mais le contenu des témoignages fonctionne généralement mieux lorsque les clients disposent de suffisamment de temps pour lire confortablement.
- Prévisualisez chaque point de rupture. Examinez ensemble les mises en page desktop, tablette et mobile, en particulier lorsque vous combinez des citations longues, des images et un comportement de diaporama.
- Équilibrez la section avec des blocs. L’ajout de davantage de blocs de témoignages peut faire passer la section d’une simple mise en avant à une mise en page de preuve sociale plus complète ; vérifiez donc si le contenu d’introduction reste nécessaire.
- Vérifiez ensemble les remplacements de médias et de couleurs. Des médias distincts sur ordinateur et mobile, ou des choix de couleur locaux plus explicites, peuvent modifier le recadrage, la visibilité et le contraste au point qu’un contrôle final rapide est nécessaire pour chaque zone d’affichage.