Module · Social proof
Testimonial Cards
Customer reviews as cards, with a rating summary.
Where it is used
- Book a demo page
- Homepage 1
- Homepage 4
- Homepage 5
- Homepage 3
- Homepage 2
- Automation product page
- Lead capture product page
- Reporting product page
- Ecommerce solution page
- SaaS and tech solution page
- Solutions page
Content settings
What the module says and shows. Repeaters (groups you can add items to) are marked as such.
| Setting | Type | What it does | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Eyebrow | Text | Short label shown above the heading. Leave empty to hide it.Default: TRUSTED BY TEAMS WORLDWIDE | ||||||||||||||||||||||||
| Heading | Text | Main heading of this section. Wrap words in [brackets] to highlight them.Default: What our customers say | ||||||||||||||||||||||||
| Description | Rich text | Supporting text under the heading. | ||||||||||||||||||||||||
| Header link text | Text | Optional link at the top right, for example See all case studies. Leave empty to hide it. | ||||||||||||||||||||||||
| Header link | Link | Where the header link goes. | ||||||||||||||||||||||||
Rating summaryGroup · 2 settingsA large score under the heading in the Spotlight slider design.
| ||||||||||||||||||||||||||
TestimonialsRepeater · 8 settingsQuotes from real customers, used with their permission. Photos are used as avatars and, in the Bento and Avatar cloud designs, as larger pictures.
| ||||||||||||||||||||||||||
Style settings
In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.
| Setting | Type | What it does | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Design | Choice | Cards: a grid of quote cards, optionally as a carousel. Spotlight slider: the heading and rating on the left, one testimonial at a time on the right. Bento: quote cards mixed with large customer photos. Avatar cloud: one big quote on a gradient, with customer photos floating around it.Options: Design 1: CardsDesign 2: Spotlight sliderDesign 3: Bento grid with photosDesign 4: Avatar cloudDefault: Design 1: Cards | ||||||||||||||||||
| Color mode | Choice | "Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site | ||||||||||||||||||
| Eyebrow style | Choice | "Same as theme" follows Theme settings > Eyebrow.Options: Same as themePlain textPillGradient badgeDefault: Same as theme | ||||||||||||||||||
| Highlight color | Color | Color of [highlighted] words, the stars and the quote mark. Starts as the theme's primary color. | ||||||||||||||||||
FontsGroup · 2 settings
| ||||||||||||||||||||
| Transparent background | On/off | Removes this section's background so the page background shows through. Useful for blending sections together.Default: Off | ||||||||||||||||||
| Background color | Color | Leave empty to use the theme colors for the current light or dark mode. | ||||||||||||||||||
Background effectGroup · 6 settings
| ||||||||||||||||||||
| Background animation | Choice | A subtle moving background behind this section. Soft bubbles: glass circles floating. Aurora: large blurred color clouds drifting. Dot grid: a faint dotted pattern drifting. Ripples: soft rings spreading out. Brand colors only; still for visitors who turn off motion.Options: NoneSoft bubblesAurora glowDrifting dot gridRipplesDefault: None | ||||||||||||||||||
| Animation strength | Number | How visible the background animation is. Lower is subtler.Default: 45 | ||||||||||||||||||
| Number of bubbles | Number | How many bubbles float in this section. Phones show about half of them.Default: 6 | ||||||||||||||||||
| Bubble arrangement | Number | 0: this section gets its own random arrangement. Pick any other number to shuffle the bubbles into a new one, for example if a bubble sits behind your text.Default: 0 | ||||||||||||||||||
| Header alignment | Choice | Alignment of the eyebrow, heading and description.Options: CenterLeftDefault: Center | ||||||||||||||||||
| Company logo position | Choice | Cards design: where each card's company logo sits.Options: Beside the nameAbove the quote, with the company nameDefault: Beside the name | ||||||||||||||||||
| Show quote mark | On/off | A large quotation mark in the corner of each card.Default: Off | ||||||||||||||||||
CardsGroup · 6 settings
| ||||||||||||||||||||
CarouselGroup · 3 settings
| ||||||||||||||||||||
| Black and white photos | On/off | Bento design: show the large customer photos in black and white.Default: On | ||||||||||||||||||
SpacingGroup · 4 settingsLeave empty to use the theme section spacing (Theme settings > Layout).
| ||||||||||||||||||||
| Animate when scrolled into view | On/off | Content fades up as the section comes into view. Visitors who turn off motion on their device see no animation.Default: On | ||||||||||||||||||
Interface labels
Words on buttons and for screen readers. Change them to translate the module.
| Setting | Type | What it does |
|---|---|---|
| Rating text | Text | Shown between the rating and 5.0, for example 4.9 out of 5.0.Default: out of |
| Previous button | Text | Read by screen readers for the left arrow.Default: Previous testimonial |
| Next button | Text | Read by screen readers for the right arrow.Default: Next testimonial |
| Avatar button | Text | Read by screen readers before a name, for the photos in the Avatar cloud design.Default: Show the quote from |
| Case study link | Text | Text of the link on cards with a case study link.Default: Read case study |
Tip
Headings support [brackets] to highlight words and | for a new line. See Editing tips.