Diese Seite gibt es auch auf Deutsch.

Zur deutschen Version

Esta página también está disponible en español.

Ver en español

Cette page est aussi disponible en français.

Voir en français

Publish and automate

Widgets and embeds

Wall of Love, carousel, single card and the Trust Badge.

Browse all guides

First steps

Getting started

Collect and verify

Collection formsImporting reviewsVerified reviews

Publish and automate

Widgets and embedsAPI and webhooks

Workspace and growth

Team and rolesAffiliate program
On this page

Widget types

  • Wall of Love, the classic masonry grid of your best testimonials
  • Carousel, a scrolling row, great under a hero section
  • Single testimonial, one featured quote, big and bold
  • Trust Badge, your verified score with stars (requires company verification)

Embedding

Every widget gives you one line of code:

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

It works on WordPress, Webflow, Framer, Shopify and any custom site. The widget renders in an isolated frame, auto-resizes, lazy-loads, and never slows your page down.

Embedding one specific testimonial

Every published testimonial has its own embed code (on the testimonial’s detail page):

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

Perfect for placing a single strong quote next to a pricing table or inside a case study. Add data-theme="dark" or data-theme="auto" to match your site.

Custom CSS

Every widget has a Custom CSS field in its editor. Your CSS applies only inside that one embed, so each embed code can look completely different. These are the classes you can target:

Class What it styles
.tf-card The card container (background, border, radius, shadow)
.tf-testi The testimonial card itself
.tf-testi-quote The quote text
.tf-testi-author The author row at the bottom of a card
.tf-testi-name Author name (the small line below it is a small tag inside)
.tf-testi-avatar The round avatar image
.tf-testi-media Video/screenshot area of a card
.tf-stars The star rating row (color changes the star color)
.tf-star--empty Unfilled stars
.tf-badge The Trust Badge container
.tf-badge-score The big score number in the badge
.tf-wall The masonry grid (columns controls column count)

You can also override the design tokens for the whole embed, for example:

:root {
  --tf-primary: #e11d48;   /* accent color */
  --tf-radius: 12px;       /* card corner radius */
  --tf-font: Georgia, serif;
}
.tf-testi-quote { font-size: 18px; font-style: italic; }

Pro plans can additionally set a global accent color under Settings → Branding that applies to all embeds and forms at once.

Picking exactly which testimonials show

In the widget editor, switch Which testimonials? from Automatic to Hand-picked. You manage two lists:

  • Available shows everything not yet in the widget. Search by name or quote and filter by type (text, video, screenshot), then click a testimonial to add it. Added items leave this list immediately.
  • In widget shows what will be live after saving. The number on each item is its display order; click the × to remove it.

Automatic mode instead uses filters: max count, tag and featured-only.

Widgets render in an isolated frame for page-speed reasons, which means their links do not pass SEO value. For that, use the SEO Trust Badges on Public Profile: three static badge styles (card, round seal, compact bar) that embed as plain HTML.

  • The badge image is generated live from your review score, it always shows current numbers.
  • The link back to your TrustFuel profile is a normal dofollow link, a real backlink that strengthens your domain.
  • Copy the snippet on the Public Profile page and paste it into your site footer, imprint or email signature.
  • Google Stars markup: next to the badges you find a one-line JSON-LD script. It injects Organization + AggregateRating schema with your live verified score into your page, the technical basis for star snippets on your own pages. Note Google’s self-serving policy: stars on your own domain are shown at Google’s discretion, the guaranteed star surface is your TrustFuel profile page.

Transparent background

Toggle Transparent background in the widget editor and the widget surface disappears completely: the cards float directly on your page, whatever its color. Combined with the transparent iframe this makes embeds blend into dark funnels and landing pages with zero visible box.

Configuration

Theme (light, dark, or follow the visitor’s system), maximum testimonials, columns, tag filter, featured-only, and star visibility. Pro plans can brand widgets in their own accent color under Settings → Branding.

Imprint

Privacy Policy

Terms of Service

Copyright