Publish and automate
Widgets and embeds
Wall of Love, carousel, single card and the Trust Badge.
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.
SEO Trust Badges (dofollow backlink)
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.