Publier et automatiser
Widgets et embeds
Wall of Love, carrousel, carte unique et le Trust Badge.
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.
SEO Trust Badges (backlink dofollow)
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.