Comment afficher vos avis Yelp dans un site Divi (Guide du débutant)
clicksocial

Programmer des publications sur les médias sociaux directement depuis WordPress avec ClickSocial

Démarrer l'essai gratuit angle droit
Accueil Blog Comment afficher vos avis Yelp dans un site Divi (Guide du débutant)

Comment afficher vos avis Yelp dans un site Divi (Guide du débutant)

comment afficher les avis yelp dans divi

Si vous souhaitez afficher des avis Yelp dans Divi, vous avez de la chance !

De nombreuses personnes nous ont demandé de trouver un moyen de pimenter le site WordPress Divi de leur marque avec des commentaires convaincants.

Pour vous aider, nous avons élaboré ce guide simple sur l'intégration du flux d'avis Yelp dans les sites Web Divi - pas besoin de toucher à une seule ligne de code.

C'est parti !

Pourquoi ajouter un widget Yelp Reviews à Divi ?

En tant que créateur de site Web populaire, Divi peut vous aider à créer un beau site pour votre entreprise en quelques clics.

Mais si vous voulez tirer le meilleur parti de votre site web, vous pouvez simplement afficher des avis convaincants provenant d'un site de confiance comme Yelp.

Lorsqu'ils ont le choix entre un coupon ou une réduction, un programme de fidélisation, la livraison gratuite ou une évaluation élevée, les acheteurs en ligne répondent en premier lieu que l'évaluation élevée est le facteur le plus important lorsqu'ils décident d'acheter.

Bizrate Insights

Lorsque vous présentez les avis Yelp aux visiteurs de votre site web, ils peuvent voir que des personnes ordinaires sont satisfaites de vos produits. Cela constitue une preuve sociale et vous aide à convertir davantage de visiteurs en clients.

De plus, l'ajout d'avis Yelp peut aider votre site Divi de bien d'autres façons :

  • Puisque Google aime le contenu frais avec des mots-clés pertinents, l'ajout de commentaires peut être excellent pour le référencement de votre site WordPress Divi. 
  • Un flux d'avis Yelp peut également permettre à vos nouveaux clients de laisser des avis directement à partir de votre site web une fois qu'ils ont terminé leur achat.
  • Pour informer les visiteurs de manière convaincante sur les caractéristiques d'un produit, vous pouvez afficher des avis positifs sur ces caractéristiques.
  • En affichant des avis, vous montrez que vous êtes à l'écoute de vos clients, ce qui est un excellent moyen d'instaurer la confiance dans votre marque.

Comment intégrer les avis de Yelp dans Elementor 

Suivez simplement ce guide étape par étape, et vous aurez un magnifique flux de commentaires Yelp sur votre site Elementor.

Commençons !

Étape 1 : Installer et activer le plugin Reviews Feed Pro

Pour intégrer au mieux les commentaires Yelp sur votre site web, vous pouvez utiliser le plugin Reviews Feed Pro.

En tant que premier plugin d'agrégation d'avis, vous pouvez l'utiliser pour intégrer des avis provenant de plates-formes de confiance en quelques minutes seulement - aucun codage n'est nécessaire !

avis feed pro home

Mieux encore, le plugin copie automatiquement le design de votre site Divi et fonctionne parfaitement avec les constructeurs de pages les plus populaires comme Elementor, Divi, SeedProd, Beaver Builder, et bien d'autres.

Pour commencer, cliquez ici pour obtenir votre copie de Reviews Feed Pro. Ensuite, vous pouvez installer et activer le plugin sur votre site Divi WordPress.

Pour plus d'informations, vous pouvez consulter ce guide sur l'installation et l'activation des plugins WordPress.

Étape 2 : Créer un flux de commentaires Yelp

Pour créer facilement un nouveau flux d'avis, vous pouvez utiliser le flux guidé simple du plugin. Tout d'abord, ouvrez le menu Flux d'avis " Tous les flux dans votre tableau de bord.

Ensuite, cliquez sur le bouton Ajouter un nouveau .

ajouter un nouveau bouton flux de revues

Si vous utilisez le plugin pour la première fois, vous verrez l'option d'ajouter une nouvelle source. Pour l'instant, il s'agit simplement de sélectionner la page Yelp de votre marque.

Cliquez ensuite sur Ajouter une source pour continuer.

ajouter de nouvelles revues de sources feed pro

Ensuite, Reviews Feed Pro vous permet de choisir la plateforme d'évaluation que vous souhaitez utiliser :

  • Google
  • Facebook
  • Tripadvisor
  • Yelp
  • Trustpilot
  • WordPress.org

Puisque nous intégrons un flux de commentaires Yelp, sélectionnez l'option Yelp et cliquez sur Suivant.

select yelp as source

Étape 3 : Connecter votre flux d'avis à Yelp

Pour connecter votre nouveau flux d'avis à la page Yelp de votre marque, il vous suffit d'utiliser la clé API Yelp.

Grâce à cette clé, le flux d'avis récupérera automatiquement vos avis et mettra à jour votre flux d'avis.

Vous n'avez pas encore de clé ? Vous pouvez consulter notre guide sur la création d'une clé API Yelp.

Enfin, collez le code dans la fenêtre contextuelle et cliquez sur Suivant.

Vous pouvez ensuite spécifier l'entreprise dont vous souhaitez afficher les avis. Il peut s'agir de votre propre entreprise ou de toute autre marque disposant d'une page professionnelle Yelp.

Il vous suffit de coller l'URL de la page Yelp dans la fenêtre contextuelle.

Cliquez ensuite sur le bouton Terminer pour confirmer cette source.

ajouter la source au flux d'avis de Yelp

Comme vous pouvez le voir, il est très facile d'ajouter une nouvelle source au plugin Reviews Feed Pro. Maintenant, vous pouvez librement réutiliser cette source à chaque fois que vous créez un nouveau flux d'avis.

Pour continuer, sélectionnez la source et cliquez sur le bouton Suivant.

confirmer la source du flux d'examens

Étape 4 : Personnalisez votre fil d'actualité Yelp

Ensuite, le plugin vous permet d'importer un modèle pour modifier instantanément le design de votre nouveau flux de commentaires.

Vous avez le choix entre 7 modèles au design unique :

  • Défaut
  • Cartes simples
  • Maçonnerie
  • Revue unique
  • Carrousel de présentation
  • Carrousel
  • Carrousel en grille

Une fois que vous avez choisi un modèle parmi les options proposées, cliquez sur le bouton " Suivant".

sélectionnez votre modèle de flux de commentaires

Maintenant, vous verrez le flux de commentaires Yelp ouvert dans le personnalisateur visuel du plugin. Sur la gauche, vous pouvez trouver les options pour changer votre modèle, la mise en page, l'en-tête, le bouton, et plus encore.

Lorsque vous effectuez des modifications à l'aide de ces options, vous pouvez suivre les changements à l'aide de l'aperçu en direct sur la droite.

éditeur de flux en direct pour reviews feed pro

Pour commencer, modifions la mise en page des commentaires Yelp.

Pour ce faire, il suffit de sélectionner l'option de mise en page à gauche.

options de mise en page ouvertes yelp reviews feed pro

Cela vous permettra de choisir entre trois méthodes différentes :

  • Liste: Affichez les avis Yelp sur une seule ligne afin que chaque avis soit clairement visible sur votre site Divi.
  • Maçonnerie: Utilisez plusieurs colonnes et intégrez des tonnes d'avis Yelp en une seule fois.
  • Carrousel: Transformez votre flux d'avis Yelp en un curseur interactif pour attirer les visiteurs.
options de mise en page emebed yelp reviews sur votre site web

Pour continuer, sélectionnez la mise en page et cliquez sur le bouton Enregistrer.

Vous pouvez maintenant utiliser le bouton Personnalisation pour revenir au personnalisateur visuel.

retour aux principales options de personnalisation

De la même manière, vous pouvez utiliser les options restantes pour modifier les éléments de votre revue, l'en-tête, la conception des boutons et bien d'autres choses encore. N'oubliez pas d'enregistrer les modifications une fois que vous êtes satisfait du design.

Vous souhaitez mieux contrôler votre flux d'avis Yelp ?

Cliquez sur l'onglet Paramètres et sélectionnez l'option Modération à gauche.

open moderation features reviews feed pro

Pour choisir manuellement les avis à afficher, vous pouvez Activer la modération sur la gauche.

Ensuite, utilisez les cases à cocher pour sélectionner les avis que vous souhaitez intégrer dans la partie droite.

options de modération commentaires feed pro

Pour confirmer vos modifications, cliquez sur le bouton Enregistrer et quitter.

En utilisant les paramètres du flux, vous pouvez également choisir de bloquer des avis spécifiques ou de configurer des filtres pour votre flux d'avis Yelp. Comme précédemment, n'oubliez pas d'enregistrer une fois que vous avez fini de modifier le flux.

Étape 5 : Ajouter des commentaires Yelp dans Divi

Le plugin étant très facile à utiliser, vous pouvez commencer à l'intégrer directement à partir du personnalisateur visuel.

Il suffit de cliquer sur le bouton " Embed" pour commencer.

intégrer les avis yelp sur votre site web.jpg

Vous verrez alors apparaître une fenêtre contextuelle présentant toutes les possibilités d'intégration de ce flux de commentaires :

  • Ajouter à une page : Insérer le flux de commentaires dans n'importe laquelle de vos pages WordPress existantes
  • Ajouter à un widget: Ajoutez les avis Yelp à la barre latérale ou au pied de page de votre site Web.
  • Copier : Copiez le shortcode et utilisez un constructeur de pages pour intégrer le flux de commentaires.

Comme vous pouvez le constater, nous pouvons sélectionner l'option Copier pour l'instant.

copier votre shortcode embed element ou yelp reviews

Vous pouvez maintenant créer une nouvelle page Divi pour insérer ce flux d'avis en ouvrant le menu Pages " Ajouter un nouveau depuis votre tableau de bord.

Une fois que vous avez fait cela, cliquez sur le bouton Use The Divi Builder en haut.

Si vous souhaitez afficher les avis sur un article, ouvrez le menu Articles " Ajouter un nouvel article dans le tableau de bord.

Comme pour une page, vous pouvez cliquer sur le bouton Utiliser le Divi Builder pour continuer.

ajouter un nouveau message dans divi

Divi vous montrera 3 façons différentes d'intégrer le flux de commentaires Yelp sur votre site WordPress :

  • Commencez à construire : Commencer à concevoir à partir d'une page blanche
  • Parcourir les mises en page : Copier un modèle préétabli et le modifier
  • Choisissez la page : Réutiliser un dessin que vous avez déjà réalisé

Vous trouverez ci-dessous les instructions relatives à chacune de ces options :

choisir l'option divi builder

Si vous cliquez sur Commencer à construire, Divi ouvrira une page vierge dans l'éditeur visuel.

Ensuite, vous pouvez commencer à intégrer le flux de commentaires immédiatement.

commencer à construire avec l'éditeur divi

Si vous sélectionnez Parcourir les modèles, Divi vous présentera sa collection de modèles que vous pouvez importer.

Il vous suffit de parcourir les options proposées ici et de cliquer sur un modèle qui vous plaît.

charger le pack de mise en page de la bibliothèque divi

Vous pouvez maintenant voir plus de détails sur ce modèle spécifique. En cliquant sur View Live Demo, vous aurez un aperçu de ce modèle.

Pour utiliser ce modèle pour votre page ou votre article, vous pouvez cliquer sur le bouton Utiliser cette mise en page.

import layout for divi

Cela ouvrira le modèle dans l'éditeur visuel, où vous pourrez intégrer vos commentaires Yelp.

Vous avez choisi l'option Choisir une page ?

Divi vous présentera une liste de modèles de conception que vous avez créés précédemment à l'aide de ce constructeur de pages.

Pour continuer, vous pouvez cliquer sur le modèle que vous souhaitez utiliser.

Chargement de la bibliothèque du thème divi

Enfin, vous pouvez commencer à intégrer le flux d'avis de Yelp. Pour ce faire, vous devez d'abord ajouter une ligne dans laquelle vous pouvez insérer du contenu.

Cliquez sur l'icône verte plus (+) et sélectionnez le type de ligne que vous souhaitez insérer.

insérer une ligne dans le site divi

Maintenant que vous avez créé un espace pour votre widget d'avis Yelp, cliquez sur l'icône noire plus (+) sur la ligne.

Vous pouvez maintenant utiliser la barre de recherche en haut pour rechercher le module "code". Sélectionnez ensuite le module Code dans les résultats de la recherche ci-dessous.

module de code pour le thème divi

Une fois que vous avez fait cela, Divi vous montrera des options supplémentaires pour le module. Collez le shortcode obtenu précédemment dans le champ Code.

Enfin, sélectionnez l'icône de la coche pour enregistrer votre nouveau module.

coller le shortcode google reviews widget dans divi

Vous pouvez ensuite cliquer sur le bouton Publier, et cette page d'atterrissage, ainsi que le flux d'avis Yelp, seront en ligne sur votre site Divi.

Vous voulez voir à quoi ressemblent les commentaires ? Il vous suffit d'ouvrir la page et de vérifier.

exemple elementor yelp reviews

Et voilà !

Comme vous pouvez le voir, il est très facile d'afficher les avis de Yelp dans Divi avec l'aide du plugin Reviews Feed Pro - aucun codage n'est nécessaire !

Vous pouvez désormais présenter une preuve sociale de haute qualité pour convertir les visiteurs, augmenter les ventes et développer votre entreprise en toute simplicité.

Prêt à intégrer les commentaires Yelp dans Divi ? Obtenez le plugin Reviews Feed Pro dès aujourd'hui!

Vous voulez un autre moyen d'intégrer des avis sur votre site ? Consultez notre guide sur l 'intégration d'un curseur d'avis Google.

Et n'oubliez pas de nous suivre sur Twitter et Facebook pour d'autres conseils et astuces en matière de médias sociaux.

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.