Publier et automatiser

Widgets et embeds

Wall of Love, carrousel, carte unique et le Trust Badge.

Parcourir tous les guides

Premiers pas

Premiers pas

Collecter et vérifier

Formulaires de collecteImporter des avisVerified Reviews

Publier et automatiser

Widgets et embedsAPI et webhooks

Espace de travail et croissance

Équipe et rôlesProgramme d'affiliation
Sur cette page

Types de widgets

  • Wall of Love, la grille masonry classique de vos meilleurs testimonials
  • Carousel, une rangée défilante, idéale sous une section hero
  • Single testimonial, une seule citation mise en avant, grande et percutante
  • Trust Badge, votre score vérifié avec étoiles (nécessite la vérification de l’entreprise)

Intégration

Chaque widget vous donne une seule ligne de code :

<script src="https://app.trustfuel.ai/widget.js" data-trustfuel-widget="YOUR_ID" async></script>

Cela fonctionne sur WordPress, Webflow, Framer, Shopify et tout site personnalisé. Le widget s’affiche dans un cadre isolé, se redimensionne automatiquement, se charge en lazy-loading et ne ralentit jamais votre page.

Intégrer un testimonial spécifique

Chaque testimonial publié a son propre code d’intégration (sur la page de détail du testimonial) :

<script src="https://app.trustfuel.ai/widget.js" data-trustfuel-testimonial="TESTIMONIAL_ID" async></script>

Parfait pour placer une citation forte à côté d’une grille tarifaire ou dans une étude de cas. Ajoutez data-theme="dark" ou data-theme="auto" pour l’accorder à votre site.

CSS personnalisé

Chaque widget a un champ Custom CSS dans son éditeur. Votre CSS ne s’applique qu’à l’intérieur de cet embed, chaque code d’intégration peut donc avoir un rendu complètement différent. Voici les classes que vous pouvez cibler :

Classe Ce qu’elle stylise
.tf-card Le conteneur de la carte (fond, bordure, rayon, ombre)
.tf-testi La carte du testimonial elle-même
.tf-testi-quote Le texte de la citation
.tf-testi-author La ligne auteur en bas d’une carte
.tf-testi-name Le nom de l’auteur (la petite ligne en dessous est une balise small à l’intérieur)
.tf-testi-avatar L’image d’avatar ronde
.tf-testi-media La zone vidéo/capture d’écran d’une carte
.tf-stars La ligne de la note en étoiles (color change la couleur des étoiles)
.tf-star--empty Les étoiles non remplies
.tf-badge Le conteneur du Trust Badge
.tf-badge-score Le grand nombre du score dans le badge
.tf-wall La grille masonry (columns contrôle le nombre de colonnes)

Vous pouvez aussi surcharger les design tokens pour tout l’embed, par exemple :

:root {
  --tf-primary: #e11d48;   /* couleur d'accent */
  --tf-radius: 12px;       /* rayon des coins de carte */
  --tf-font: Georgia, serif;
}
.tf-testi-quote { font-size: 18px; font-style: italic; }

Les plans Pro peuvent en plus définir une couleur d’accent globale sous Settings → Branding qui s’applique d’un coup à tous les embeds et formulaires.

Choisir exactement quels testimonials s’affichent

Dans l’éditeur de widget, passez Which testimonials? d’Automatic à Hand-picked. Vous gérez deux listes :

  • Available montre tout ce qui n’est pas encore dans le widget. Cherchez par nom ou citation et filtrez par type (texte, vidéo, capture d’écran), puis cliquez sur un testimonial pour l’ajouter. Les éléments ajoutés quittent cette liste immédiatement.
  • In widget montre ce qui sera en ligne après l’enregistrement. Le numéro sur chaque élément est son ordre d’affichage ; cliquez sur le × pour le retirer.

Le mode Automatic utilise à la place des filtres : nombre maximum, tag et featured uniquement.

Les widgets s’affichent dans un cadre isolé pour des raisons de vitesse de page, leurs liens ne transmettent donc pas de valeur SEO. Pour cela, utilisez les SEO Trust Badges sur Public Profile : trois styles de badge statiques (carte, sceau rond, barre compacte) qui s’intègrent en HTML pur.

  • L’image du badge est générée en direct à partir de votre score d’avis, elle affiche toujours les chiffres actuels.
  • Le lien retour vers votre profil TrustFuel est un lien dofollow normal, un vrai backlink qui renforce votre domaine.
  • Copiez le snippet sur la page Public Profile et collez-le dans le footer de votre site, vos mentions légales ou votre signature email.
  • Markup Google Stars : à côté des badges, vous trouvez un script JSON-LD d’une ligne. Il injecte dans votre page le schéma Organization + AggregateRating avec votre score vérifié en direct, la base technique des extraits avec étoiles sur vos propres pages. Notez la politique self-serving de Google : les étoiles sur votre propre domaine s’affichent à la discrétion de Google, la surface d’étoiles garantie est votre page de profil TrustFuel.

Fond transparent

Activez Transparent background dans l’éditeur de widget et la surface du widget disparaît complètement : les cartes flottent directement sur votre page, quelle que soit sa couleur. Combiné à l’iframe transparente, cela permet aux embeds de se fondre dans les funnels sombres et les landing pages sans aucune boîte visible.

Configuration

Thème (clair, sombre, ou suivre le système du visiteur), nombre maximum de testimonials, colonnes, filtre par tag, featured uniquement, et visibilité des étoiles. Les plans Pro peuvent brander les widgets dans leur propre couleur d’accent sous Settings → Branding.

Mentions légales

Politique de confidentialité

Conditions d'utilisation

Droits d'auteur