Aller au contenu principal
E-Réputation

Personnaliser et intégrer votre widget d'avis CrocoClick

Créez et personnalisez votre widget d'avis CrocoClick : sources, layout, couleurs, code d'intégration pour vos sites internes ou externes.

Écrit par Baptiste Lorreyte

Dernière mise à jour Il y a environ 4 heures

Le widget d'avis CrocoClick affiche vos vrais avis clients (Google, Facebook et autres sources effectivement proposées) directement sur votre site. C'est un levier de preuve sociale puissant : un visiteur qui voit que d'autres recommandent votre offre passe à l'action plus facilement.

Le widget se met à jour automatiquement à chaque nouvel avis collecté, et vous pouvez l'intégrer aussi bien sur vos sites et tunnels CrocoClick que sur n'importe quel site externe (WordPress, Wix, Shopify, Webflow...).

Cet article vous guide dans la création, la personnalisation et l'intégration de votre widget d'avis.

À quoi sert le widget d'avis

Afficher vos avis clients sur votre site n'est pas qu'un choix esthétique : c'est un levier stratégique. Le widget d'avis CrocoClick vous apporte :

  • Preuve sociale : afficher des avis réels rassure et augmente vos taux de conversion.
  • Agrégation et filtres : combinez les avis Google, Facebook et les sources proposées dans votre compte dans un même widget. Filtrez par plateforme ou par note selon le contenu que vous souhaitez présenter. Présentez honnêtement la sélection affichée sans la faire passer pour l’ensemble exhaustif des avis.
  • Cohérence visuelle : adaptez la mise en page, les polices et les couleurs à votre charte.
  • Mise à jour automatique : les nouveaux avis des sources connectées peuvent apparaître après synchronisation, selon les filtres.
  • Templates prêts à l'emploi : démarrez avec un design pro en quelques clics, puis ajustez.
  • Intégration simple : ajoutez le widget à n'importe quelle page, via le bloc natif ou, sur un site externe, un bloc autorisant le code d’intégration.
  • Résumé IA : un résumé automatique des avis met en avant le sentiment général d'un coup d'œil.

Accéder au constructeur de widget

Étape 1 : ouvrir l'onglet Widgets

Depuis le tableau de bord de votre sous-compte, allez dans E-Réputation dans le menu de gauche, puis cliquez sur l'onglet Widgets en haut.

Étape 2 : créer ou modifier un widget

  • Pour créer un nouveau widget, cliquez sur le bouton + Créer un widget.
  • Pour modifier un widget existant, cliquez dessus, puis sur le bouton bleu Modifier le widget en bas à droite.
  • Si vous partez de zéro, vous pouvez aussi sélectionner un template prédéfini pour appliquer instantanément une mise en page professionnelle (voir la section Templates plus bas).

Étape 3 : configurer le widget

Le constructeur s'ouvre avec quatre onglets, chacun couvrant un aspect du widget :

  • Layout : type de widget, sources d'avis, options de résumé, filtres de note, mention "Powered by".
  • Contenu : titre, description, position du widget, éléments d'en-tête.
  • Apparence : thème, polices, couleurs si vous utilisez le thème personnalisé.
  • Paramètres : éléments d'affichage par avis et code d'intégration.

🟢 Important : les options disponibles varient selon le type de widget choisi (liste, grille, carrousel...).

Étape 4 : enregistrer et intégrer

Une fois vos réglages terminés, cliquez sur Enregistrer en bas à droite. Vous avez ensuite deux façons d'utiliser le widget :

  • Sur un site ou un tunnel CrocoClick : ouvrez la page dans le constructeur, glissez l'élément Avis à l'endroit voulu, le bloc natif affiche le widget par défaut ; utilisez le code propre au widget pour en choisir un autre.
  • Sur un site externe : dans le widget, cliquez sur l'icône Code, puis sur Copier le code. Collez ensuite ce code dans un bloc HTML personnalisé sur votre site (WordPress, Wix, Shopify, Squarespace, Webflow...).

Personnaliser votre widget

Chaque onglet du constructeur contrôle une dimension différente du widget : structure, contenu, design, comportement.

⚠️ Remarque : certaines options ne s'affichent que pour certains types de widgets (par exemple l'intervalle de défilement n'apparaît que pour le carrousel ou le slider).

Onglet Layout : structurer votre widget

Cet onglet définit les fondations visuelles et techniques de votre widget :

  • Type de résumé : choisissez le format du résumé IA (court, détaillé, orienté action) et activez-le ou non.
  • Position du résumé : en haut du widget, ou intégré au fil des avis.
  • Source des avis : sélectionnez les plateformes à interroger (Google, Facebook et autres sources proposées...).
  • Type de widget : format d'affichage (Liste, Grille, Maçonnerie, Carrousel, Slider, Flash, Legacy).
  • Nombre maximum d'avis : combien d'avis sont affichés au total.
  • Note minimum : ne montrer que les avis au-dessus d'un certain seuil (par exemple 4 étoiles minimum).
  • Powered by : afficher ou masquer la mention en bas du widget.

Onglet Contenu : titre et description

Cet onglet contrôle la façon dont votre widget se présente à vos visiteurs :

  • Titre (toggle) : afficher ou masquer un titre personnalisé en haut du widget.
  • Heading : le texte du titre (par exemple "Ce que disent nos clients").
  • Description : un texte court sous le titre pour donner du contexte.
  • Header (toggle) : visibilité du bloc d'en-tête (note moyenne, nombre d'avis, bouton de dépôt d'avis).
  • Note : note moyenne affichée en étoiles.
  • Total des avis : nombre total d'avis collectés.
  • Bouton "Laisser un avis" : redirige le visiteur vers votre formulaire de dépôt d'avis.
  • Position du widget : emplacement à l'écran (utile pour les widgets flottants).
  • Intervalle du slider : durée d'affichage de chaque avis avant rotation (uniquement pour carrousel et slider).

Onglet Apparence : thème et couleurs

Cet onglet aligne le widget sur votre charte graphique :

  • Thème : Clair, Sombre, ou Personnalisé.
  • Police : choisissez la famille de polices qui correspond à votre marque.
  • Couleurs : si vous utilisez le thème personnalisé, vous pouvez ajuster individuellement le fond, les bordures, les étoiles, le texte des avis, les boutons, etc.

Onglet Paramètres : ajuster le comportement

Cet onglet règle les détails d'affichage de chaque avis et fournit le code d'intégration :

  • Afficher la date : montrer la date de chaque avis.
  • Afficher l'icône du contributeur : avatar ou initiales à côté de chaque avis.
  • Exclure les avis sans description : masquer les avis qui ne contiennent qu'une note, sans texte.
  • Code d'intégration : cliquez sur Copier le code pour récupérer le snippet HTML/JavaScript et le coller dans n'importe quel bloc HTML de votre site.

Nommer, sauvegarder et gérer vos widgets

Donnez un nom clair à chaque widget pour vous y retrouver facilement (par exemple "Avis page d'accueil", "Avis formation premium", "Avis externe WordPress"...).

Tous vos widgets sauvegardés sont visibles dans l'onglet Saved Widgets. Vous pouvez les sauvegarder pour plus tard, ou les rendre actifs immédiatement.

Pour supprimer un widget devenu inutile, cliquez sur le menu trois points en haut à droite de la vignette, puis sur Supprimer.

Utiliser un template

Les templates vous permettent de lancer un widget joliment stylé en quelques secondes. Idéal si vous voulez un rendu pro sans personnaliser chaque élément.

Pour appliquer un template :

  1. Cliquez sur l'onglet Templates en haut à droite du panneau de widget.
  2. Parcourez les designs disponibles, puis cliquez sur celui que vous voulez appliquer.

Une fois le template appliqué, vous pouvez continuer à personnaliser le widget (mise en page, couleurs, polices, contenu) en cliquant sur le bouton bleu Modifier le widget.

💡 ASTUCE : commencez toujours par un template proche du rendu visé. Vous gagnez du temps par rapport à un widget vierge à configurer entièrement.

FAQ

Oui, mais pas avec le bloc Avis du constructeur de page : ce bloc affiche toujours votre widget par défaut. Pour utiliser plusieurs widgets différents, copiez le code d'intégration de chaque widget (option Embed Code) et collez chaque code dans un bloc HTML/Code distinct. Pensez à bien sélectionner le bon widget dans le menu déroulant avant de copier le code.

Oui. Le widget est synchronisé avec vos plateformes connectées (Google, Facebook et autres sources proposées). Les nouveaux avis apparaissent automatiquement, en respectant les filtres et options d'affichage que vous avez définis.

Oui. Vous pouvez l'intégrer sur quasiment toutes les plateformes (WordPress, Wix, Shopify, Squarespace, Webflow, page sur mesure...). Il suffit de copier le code d'intégration et de le coller dans un bloc HTML personnalisé.

Oui. Toutes les modifications faites dans le constructeur (mise en page, contenu, style) se répercutent automatiquement sur les sites où le widget est intégré, dès que vous enregistrez. Pas besoin de récupérer un nouveau code.

Oui, tous les templates et toutes les mises en page sont entièrement responsive et s'adaptent automatiquement aux écrans mobile, tablette et bureau.

Le résumé IA du widget est une option d’affichage à relire ; il ne constitue pas un avis original et ne prouve pas l’exactitude de son interprétation. Ne le confondez pas avec l’activation de réponses automatiques Reviews AI, qui est une autre fonction. Les sources et options proposées peuvent varier. La sélection d’avis dans un widget n’est pas un mécanisme autorisant à empêcher les clients insatisfaits de publier un avis. Vérifiez le rendu public, l’accessibilité, les filtres et la mise à jour ; aucun affichage réel n’est démontré ici.