Comment créer un carrousel de témoignage dans Elementor

Image en vedette : Carrousel de témoignage d'élémenteur avec un panneau de devis, un portrait, une barre de progression et un bouton de la prochaine voix

Un carrousel de témoignages met les devis des clients sur une piste de glisse donc une section qui ferait tourner trois écrans de haut tient dans un Vous avez deux options réelles Elementor Pro expédie un widget natif de Carrousel de témoignages, donc si vous avez Pro, c'est trois minutes de travail Sur Elementor gratuit, l'itinéraire le plus rapide est le Curseur de citations Rostrum, a widget carrousel importable gratuit depuis Master Addons : téléchargez le JSON, importez-le via Constructeur de widgets« Et faites-le glisser sur la page. Pas de licence, pas de cartes de reconstruction à la main ».

Ce guide couvre à la fois une solution de secours fabriquée à la main si vous préférez posséder chaque pixel, et l'erreur de schéma qui obtient des actions manuelles des sites de Google, que presque personne n'écrit sur les carrousels de témoignage ne mentionne. Si vous déterminez encore si cette section souhaite un curseur de devis ou un curseur pleine largeur, le comparaison carrousel contre curseur est la lecture la plus courte.

Carrousel de témoignage Rostrum Quote Slider Elementor avec un panneau de devis à côté d'un portrait, d'une barre de progression, d'un décompte et de boutons de marche

Démo en direct Télécharger Widget JSON

Quelle méthode utiliser

MéthodeCoûtMeilleur quand
Carrousel de témoignage Elementor ProÉlémenteur ProVous avez déjà Pro et vous voulez que cela soit fait en trois minutes
Curseur de citations Rostrum (importation)GratuitVous êtes sur Elementor gratuit et voulez un curseur conçu, pas une toile vierge
Widget de carte dans un conteneur de carrouselGratuitVous voulez concevoir la carte vous-même à partir de zéro

Si vous avez Elementor Pro

Recherchez dans le panneau le carrousel de “testimonial,” faites glisser le widget et remplissez le répéteur d'une ligne par témoignage : contenu, nom, titre, image. Deux paramètres qui valent la peine d'être modifiés par rapport aux valeurs par défaut : diapositives par vue jusqu'à 2 sur le bureau et 1 sur mobile, et lecture automatique, car un témoignage prend huit secondes pour lire et lecture automatique par défaut jusqu'à cinq.

C'est bien et c'est rapide Sa limitation est que la disposition des cartes est fixe Vous obtenez les préréglages et l'onglet Style, pas un design distinctif Si cela suffit, arrêtez de lire et allez le construire.

L'option gratuite : Rostrum Quote Slider

Rostrum est l'un des widgets gratuits du Collection de carrousels Master Addons[traduction], et c'est construit spécifiquement pour les témoignages La mise en page est un panneau de citation à côté d'un portrait : chevrons passez entre les voix, une barre de progression et comptez où vous êtes, et les boutons pas à pas peuvent nommer la voix suivante, donc au lieu d'une flèche anonyme, le bouton se lit comme “Suivant : Sarah, responsable des opérations.” La marque de citation surdimensionnée est modifiable, et le tout répond à la navigation et au balayage du clavier.

Chaque voix porte cinq champs : portrait, citation, nom, rôle et titularisation Trois voix sont livrées avec le widget, chacune derrière une bascule Show, afin que vous puissiez exécuter une, deux ou les trois.

L'inconvénient honnête : trois voix est le format C'est un curseur organisé pour vos citations les plus fortes, pas un widget axé sur les requêtes qui tire tous les témoignages que vous avez jamais recueillis Si vous avez besoin d'une douzaine d'avis tournants, la méthode construite à la main sous les échelles plus loin.

Comment le construire : étape par étape

  1. Installez le plugin gratuit Master Addons s'il n'est pas déjà actif C'est le même plugin qui fonctionne sur plus de 30 000 sites, et l'importation fonctionne sur le niveau gratuit.
  2. Télécharger le Rostrum Quote Slider JSON de la collection de modèles de curseurs Elementor gratuits. C'est le design 18 sur 20.
  3. Importez-le. Dans WordPress admin, allez à Modules complémentaires principaux → Widget Builder → Importer un widget et faites glisser le fichier JSON dans l'importateur.
  4. Ouvrez votre page dans Elementor. Le widget apparaît dans le panneau ci-dessous Favoris. Faites glisser le curseur de citation de Rostrum dans un conteneur.
  5. Remplissez la première voix : portrait, citation, nom, rôle, titularisation Dirigez avec votre citation la plus spécifique, celle avec un numéro ou un résultat en elle.
  6. Allumez les deuxième et troisième voix avec leurs basculements Show et remplissez-les de la même façon Détectez tous ceux dont vous n'avez pas besoin.
  7. Définissez les étiquettes des boutons de pas. Nommer la voix suivante sur le bouton donne aux gens une raison de cliquer C'est le meilleur détail de conversion du widget, alors utilisez-le.
  8. Vérifiez la marque de devis et testez la navigation. Ajustez la marque de citation modifiable pour l'adapter à votre typographie, puis prévisualisez : chevrons, flèches du clavier et faites glisser votre doigt sur un téléphone.

Le temps total est d'environ cinq minutes, la plupart étant consacrées à choisir quelles trois citations méritent la place.

Une option de plus de la même collection : Plateau de strate, un design Pro où les cartes s'empilent et celui du haut se décolle C'est un ajustement naturel pour les témoignages si vous voulez une sensation de jeu de cartes au lieu d'un panneau de devis.

Si vous préférez le construire à la main

La route à partir de zéro a toujours du sens lorsque vous voulez un design de carte qui correspond exactement à votre marque, ou plus de témoignages qu'un curseur à trois voix ne le permet Vous concevez la carte vous-même, alors prévoyez dix minutes au lieu de cinq.

  1. Construisez une carte en premier. Lâchez un widget de carte dans un conteneur À l'intérieur de celui-ci : le texte de citation, une image d'avatar, un nom, un rôle et une rangée d'étoiles si vous avez des notes. Coiffez-le complètement : remplissage, arrière-plan, rayon de bordure, guillemet, typographie Obtenez cette seule carte exactement juste avant de dupliquer quoi que ce soit.
  2. Dupliquer la carte pour chaque témoignage et échangez le contenu Six est un bon chiffre : assez pour se sentir substantiel, assez peu pour que la section ne devienne pas un travail de maintenance.
  3. Transformez le conteneur parent en carrousel. Dans les paramètres de disposition du conteneur, basculez l'affichage sur carrousel Vous obtenez diapositives-per-view, lecture automatique, boucle, flèches et points, les mêmes Commandes de balayage les widgets dédiés utilisent, car c'est la même bibliothèque en dessous.
  4. Définissez les diapositives par vue par point d'arrêt. Deux sur le bureau, un sur tablette et mobile Les témoignages sont du texte et le texte a besoin de largeur.
  5. Style la navigation s'asseoir sous les cartes plutôt que de les chevaucher Une flèche au-dessus d'une citation couvre un mot, et un mot couvert est celui sur lequel les gens se fixent.

Aucune licence nécessaire, et la carte est à vous Si vous voulez une référence visuelle pour le motif, le Page d'avis clients de Master Addons l'utilise.

Le piège à schéma

C'est la partie qui compte plus que la mise en page.

Il est tentant d'ajouter un schéma Review ou AggregateRating à un carrousel de témoignages pour que les étoiles apparaissent dans les résultats de recherche Ne le faites pas, du moins pas pour les témoignages sur votre propre entreprise sur votre propre site.

Les directives de données structurées de Google sont explicites que les avis intéressés ne sont pas éligibles pour examiner les résultats riches Les avis d'une entité doivent provenir d'une source indépendante, pas de l'entité elle-même Les sites qui marquent leurs propres témoignages de page d'accueil comme schéma d'examen font au mieux ignorer le balisage, et au pire une action structurée du manuel de données.

Ce que vous pouvez légitimement faire : marquer les pages de produits individuels avec les avis collectés auprès de clients réels via un système d'examen et utiliser Organization schéma sur la page d'accueil sans propriétés de révision Si vous voulez des étoiles dans la recherche, collectez des commentaires sur Google Business Profile, G2 ou Trustpilot, car ceux-ci apparaissent comme tiers.

Un carrousel de témoignage est un élément de conversion Traitez-le comme un seul, et laissez le schéma hors de lui Si tout ce que vous voulez est une citation tirée assise sur son propre plutôt qu'un ensemble rotatif, le Widget Blockquote fait ce travail sans aucune majoration impliquée.

Concevoir des décisions qui modifient les conversions

Les visages battent les logos. Une photographie d'une personne surpasse le logo d'une entreprise, et les deux ne battent ni l'un ni l'autre La disposition portrait-sur-citation de Rostrum est construite sur cela Si vous ne pouvez pas obtenir une photo, un nom et un rôle battent toujours une citation anonyme à distance.

Battements spécifiques brillants. “Coupez le temps de création de notre page de deux jours à trois heures” fait plus de “Plugin incroyable, recommandez fortement !”, même si le second semble plus enthousiaste. Sortez la ligne spécifique d'un témoignage plus long et dirigez-la.

Ne pas jouer automatiquement. Les témoignages sont le type de carrousel où la lecture automatique fait activement mal, car le contenu est un texte dense qui prend plus de temps à lire que n'importe quel délai de diapositive raisonnable. La tribune marche sur le clic, le clavier ou le balayage, qui est rythmé par le lecteur de par sa conception. Si vous construisez à la main, éteignez l'interrupteur de lecture automatique.

Montrez le compte. Un décompte signale le volume d'une manière que les points anonymes ne le font pas, c'est pourquoi Rostrum associe sa barre de progression à une. Si vous avez beaucoup de clients satisfaits, dites-le avec le contrôle.

Deux sur le bureau, pas trois. Pour les carrousels fabriqués à la main : trois colonnes de texte de citation sur un écran de 1440 px donne à chacun environ 380 px, ce qui est sous la mesure de lecture confortable Deux est le nombre.

Questions fréquemment posées

Elementor a-t-il un widget de carrousel de témoignage ?

Elementor Pro le fait : le widget Testimonial Carousel avec un répéteur pour les citations, les noms et les images Le plugin gratuit d'Elementor ne l'inclut pas Sur le niveau libre, l'itinéraire le plus rapide consiste à importer le Rostrum Quote Slider via le Widget Builder de Master Addons, ou à construire votre propre carte à l'intérieur d'un conteneur réglé sur l'affichage du carrousel.

Comment ajouter un curseur de témoignage dans Elementor gratuitement ?

Importer le curseur de devis Rostrum gratuit : téléchargez le JSON, accédez à Addons principaux → Widget Builder → Importer le widget dans l'administrateur WordPress, faites glisser le fichier et le widget apparaît dans Elementor sous Favoris Remplissez les champs portrait, citation, nom, rôle et mandat de chaque voix et vous avez terminé, sans aucune licence Pro impliquée.

Un carrousel de témoignage doit-il être diffusé automatiquement ?

Non. Un témoignage prend de six à dix secondes à lire et les délais de lecture automatique typiques sont de trois à cinq. Les visiteurs perdent la phrase à mi-chemin et se désengagent. Laissez la lecture automatique et laissez les gens avancer lorsqu'ils sont prêts, car les témoignages sont du type carrousel où la minuterie fonctionne contre vous.

Puis-je ajouter des notes d'étoiles à un carrousel de témoignage Elementor ?

Oui, en tant qu'élément visuel : une ligne d'icônes ou un champ de notation dans un design de carte fabriqué à la main Ce que vous ne devriez pas faire, c'est ajouter un balisage de schéma Review ou AggregateRating pour les témoignages sur votre propre entreprise, car Google n'autorise pas les avis intéressés dans les résultats riches en avis et le balisage peut déclencher une action manuelle.

Combien de témoignages un carrousel doit-il avoir ?

Trois forts battent douze vagues, et le format à trois voix de Rostrum force cette discipline C'est généralement le bon appel Si vous construisez la main et avez plus de matériel, six à douze œuvres ; douze passées personne n'atteint la fin, alors passez à un ensemble filtré par page plutôt qu'à une longue bande.

Comment puis-je faire la mise à jour automatique des témoignages ?

Enregistrez un type de publication personnalisé de témoignage, puis utilisez un widget carrousel axé sur les requêtes et pointé vers lui : le gratuit Widget blog en mode carrousel, ou Elementor Pro's Carrousel de boucle avec un modèle d'article de boucle. De nouveaux messages de témoignage apparaissent dans chaque carrousel du site sans modifier aucune page.

Que faire ensuite

Si vous avez Elementor Pro, son widget natif est le chemin le plus court Sur Elementor gratuit, importez le Rostrum Quote Slider et passez le temps gagné à choisir vos trois meilleures citations, car ce choix déplace les conversions plus que n'importe quel contrôle de création à la main uniquement lorsque le brief de conception l'exige.

Rostrum importe sur le plugin gratuit Si vous voulez plus tard les douze designs Pro également, le page de tarification a les niveaux, et le Dessins de carrousel 3D montrez à quoi ressemblent réellement les styles de mouvement payants.

Avant de construire quoi que ce soit à partir de zéro, vérifiez ce qui existe déjà : le Guide des widgets du carrousel d'éléments répertorie chaque widget et design de carrousel, et la panne free-versus-Pro affiche exactement où s'arrête le niveau libre.

Photo de Roy Jemee
Roy Jemee
Je suis Roy Jemee, Content Wrangler et Marketer chez Pixar Labs, travaillant sur Master Addons pour Elementor J'écris les tutoriels, enregistre les vidéos, et garde la documentation à jour, donc vous savez toujours comment utiliser chaque fonctionnalité Je gère aussi le support, donc si vous frappez un accroc, je suis la personne qui vous aide à y répondre de vraies réponses, de la part de quelqu'un qui utilise ces outils tous les jours.
Septembre Vente

40% de tout

Chaque plan Master Addons Pro, annuel et à vie Un code, huit jours.

00jours
00heures
00min
00sec

Se termine le lundi 14 septembre, à 23 h 59 HE

  • Personnel1 site 129 $77 $
  • Entreprise5 sites 199 $119 $
  • DéveloppeurSites illimitésMeilleur pour les agences 599 $359 $

Payer une fois. Aucun renouvellement, jamais.

Code coupon MALIFE40
Obtenez 40 % de réduction maintenant
  • Plus de 30 000 installations actives
  • 4,5/5 sur 212 avis
  • remboursement de 14 jours