Want to showcase your happy customers in a sleek and professional way? A testimonial grid is the perfect solution. It allows you to display multiple customer reviews in a clean, organized layout that looks great on any device. In this step-by-step guide, you’ll learn how to create a free testimonial grid in Elementor, complete with support for masonry style and customization options—no coding required. Whether you’re building trust or boosting conversions, this layout will help you highlight real feedback in a visually appealing way.
Popular Use Cases for Displaying a Testimonial Grid on an Elementor Website
eCommerce Stores
Use a testimonial grid to display customer reviews about your products, improve social proof, and help new visitors make informed buying decisions.
Service-Based Businesses
Coaches, consultants, and freelancers can showcase client feedback to build credibility, gain trust, and highlight the real impact of their services.
Portfolio Websites
Designers and developers can feature testimonials from past clients to add trust and context alongside their showcased work or case studies.
Health & Wellness Professionals
Therapists, trainers, and nutritionists can use testimonials to show how they’ve helped clients improve their lives and reach personal health goals.
Real Estate Agencies
Highlight positive experiences from buyers and sellers to boost confidence in your services and motivate potential clients to contact you.
Online Courses & Educators
Showcase student feedback and course results to promote trust, demonstrate effectiveness, and increase enrollments for your digital learning platform or academy.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the Testimonial Grid widget to your Elementor website
To display testimonials, install the free Testimonial Grid widget from the Unlimited Elements Widget library.
Step #3: Add Testimonial Grid widget to your Elementor page
Now, in the Elementor editor, Find the Testimonial Grid widget and drag it to the desired part of your page.
Source Settings
The Testimonial Grid widget supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.
Items
You can use the item repeater field as item source.
WordPress Posts (Pro)
Display WordPress posts dynamically in testimonial grid, including custom post types and fields for maximum flexibility.
Meta Field (Pro)
Use Meta as an item source for your grid to dynamically display and manage content from your Meta data.
JSON or CSV (Pro)
Load your testimonial grid with data from JSON or CSV files to easily manage and display structured content.
Gallery (Pro)
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms (Pro)
Use Terms as a source for your grid to dynamically display and manage taxonomy terms from your WordPress site.
Users (Pro)
You can use WordPress Users as an item source for your testimonial grid to display and manage dynamic content from your site’s user data.
Menu (Pro)
Use your WordPress Menu as a source for the grid to dynamically display and manage menu items in a visually engaging layout.
API Integrations (Pro)
Integrate an API into your testimonial grid to dynamically fetch and display data from external systems or services.
General Settings
Grid Type
Set the grid type from the options below:
Regular
Masonary (Pro)
Number of Columns
Specify the number of columns to display in the grid.
Grid Gap
Adjust the spacing between grid items.
Base Width
Set the base width as needed.
Gutter
Adjust the width / height of gutter between elements.
Minify
Whether or not to place elements on shortest column or keep exact order of list.
Surrounding Gutter
Set left gutter on first column and right gutter on last.
Direction
Set the direction of testimonial items.
- ltr- Left to Right
- rtl- Right to Left
Item Image Size
Choose an appropriate image size for the testimonial items.
Hover Transition Duration (ms)
Set the hover transition duration in milliseconds.
(Pro options indicate features available in the Unlimited Elements Pro.)
Layout Settings
Show Image
Show/Hide the image in testimonial grid.
Show Rating (Pro Feature)
Show/Hide the star rating in the grid.
Rating Position
Select the rating position:
- Below Image
- Below Title
- Below Author Name
- Below Author Subtitle
Show Title
Show/Hide the testimonial title.
Show Text
Show/Hide the testimonial text.
Show Author
Show/Hide the testimonial author.
Author Position
Select the author position:
- Bottom
- Top (Pro)
Show Author Name
Show/Hide the author name.
Show Author Image
Show/Hide the author image.
Show Author Subtitle
Show/Hide the author subtitle.
Show Author Divider
Show/Hide the author divider.
Show Icon
Show/Hide the testimonial icons.
Icon
Choose the testimonial icon.
Rating Icons
Connected Widgets Settings
Enable Remote Connection
Widget Name for Connection
Choose this to "Auto Detectable", so it will automatically detect the remote widgets.
Sync
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Items Settings
Manage the items of the Testimonial Grid using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Items Content Options
Title
Define the title of the item.
Title Link
Type or paste the URL to link with testimonial item.
Image
Upload or choose an image to visually represent the item.
Text
Enter a rich text or visual description for the testimonial item.
Rating
Select the testimonial rating.
Override Background Color
Override the background color if needed.
Items Author Options
Wrapping it Up!
And that’s it! You’ve just built a fully responsive testimonial grid in Elementor—for free. With its clean layout, masonry support, and customizable design, your testimonials now stand out and build trust with potential customers. Don’t forget to regularly update your testimonials to keep them fresh and relevant. Ready to take your Elementor website to the next level? Explore more of our tutorials for creative, no-code design tips!