The Testimonials Section 2026 widget is a social-proof builder with five built-in design styles and three layout variants — quote text, star rating, author name, role, company, and avatar, all in one repeater-driven section. Works identically in Elementor and the WordPress block editor.
Overview
Instead of building a testimonials wall from separate heading, repeater, and rating widgets, Testimonials Section 2026 gives you one widget with everything a social-proof section needs already wired together — a section header, an unlimited testimonials repeater with quote, star rating, author avatar/name/role/company, and a “Featured” toggle that highlights standout quotes with an accent border and glow.
Every part of it is restyled instantly by switching the Design Style dropdown — no custom CSS required.
5 Design Styles
- Bento Grid — crisp white cards, sharp grid alignment, confident typography. The clean SaaS-product look.
- Glassmorphism — frosted-glass translucent panels over a dark, gradient-blurred backdrop. Premium fintech/crypto feel.
- Dark Minimal — near-black canvas, a single lime accent color, high contrast. Dev-tools/AI-native feel.
- Aurora — soft gradient-mesh backgrounds, rounded corners, warm color blends. Modern AI/tech branding feel.
- Neo-Brutalist — hard 2px borders, flat solid colors, offset drop-shadows, no gradients. Bold agency energy.
3 Layouts
- Grid — cards arranged in a configurable 2, 3, or 4 column grid.
- Masonry — CSS column-count layout with the same 2/3/4 column options as Grid; cards flow into columns of varying height.
- Centered — single column, max-width layout with larger quote text. Best for showcasing a handful of standout quotes.
The Columns setting only appears on the Grid and Masonry layouts — Centered is always a single column.
Content Settings
| Section | Setting | What it does |
|---|---|---|
| Design Style | Style Preset | Bento Grid / Glassmorphism / Dark Minimal / Aurora / Neo-Brutalist |
| Design Style | Layout | Grid / Masonry / Centered |
| Design Style | Columns | 2, 3, or 4 columns — only shown on Grid and Masonry layouts |
| Section Header | Show Section Label | Toggles the small eyebrow label above the headline |
| Section Header | Section Label | Text shown in the eyebrow label (only when Show Section Label is on) |
| Section Header | Headline | Main heading text — supports a line break for a two-line headline |
| Section Header | Highlighted Word(s) | Exact word(s) from the headline to style with the accent color/gradient |
| Section Header | Headline Tag | H1 / H2 / H3 — the actual heading tag rendered |
| Section Header | Description | Supporting paragraph under the headline |
| Testimonials | Quote | The testimonial quote text for each card |
| Testimonials | Star Rating (0 = hidden) | 0 to 5 stars per testimonial; set to None to hide the rating on that card |
| Testimonials | Author Name | Name of the person giving the testimonial |
| Testimonials | Role / Title | Job title shown under the author name |
| Testimonials | Company | Company name shown alongside the role |
| Testimonials | Avatar Image | Author photo (square, 64×64 minimum recommended); shows an initials placeholder when left empty |
| Testimonials | Featured (highlighted card) | Marks the card as featured — gives it an accent border, background, and box-shadow in every design style |
Style Settings
Every content element above has a matching Style-tab section:
- Section — background and padding.
- Section Label — color, background, border radius, and padding.
- Headline — color and margin, plus a separate accent-gradient control.
- Description — color.
- Card — background, padding, border radius, border, and box shadow, plus a separate Featured Card group for background, border, and box shadow.
- Quote — quote text color and quote-icon color.
- Star Rating — filled and empty star colors, plus a responsive star size.
- Avatar — responsive size and border radius, shared with the initials placeholder.
- Author Name — typography and color.
- Role / Company — typography, with individual color controls for each.
All colors accept either a solid color or a gradient.
Frequently Asked Questions
Do I need Elementor Pro to use this?
No — Testimonials Section 2026 works with the free version of Elementor, plus the WordPress block editor. No Pro upgrade required.
Can I use a different layout for each design style?
Yes — Design Style and Layout are independent settings. Any of the 5 styles can be paired with any of the 3 layouts.
What happens if I don’t upload an avatar image for a testimonial?
If no avatar is set, the widget automatically shows a placeholder using the first letter of the author’s name on an accent-tinted circular background — nothing breaks, and you can add a real photo at any time.
Is this widget accessible?
Yes — WCAG 2.1 AA. Each card is marked up with role="listitem" inside a role="list" grid, the star rating exposes an aria-label describing the score (e.g. “Rated 5 out of 5 stars”), and decorative elements like the quote icon are hidden from assistive tech with aria-hidden.
How to Add This Section
- Elementor: search “Testimonials” in the widget panel under the HT Mega 2026 category, drag it onto your page.
- WordPress Block Editor: click the block inserter (+), search “Testimonials 2026” under the HT Mega category, insert it, then edit the settings in the block sidebar.