In this guide, we will show you how to add the “Testimonial Grid widget” to your Elementor website. The Testimonial Grid widget lets you display customer reviews in a clean, organized grid layout, with optional masonry style for a dynamic look. Perfect for showcasing client feedback, building trust, and adding credibility, this free widget from Unlimited Elements adapts beautifully to any screen size.
Let’s explore the customization options available in the “Testimonial Grid widget” for Elementor below.
Elementor Free Testimonial Grid Tutorial Video
Add a Free Testimonial Grid to Elementor
Add a Free Testimonial Grid Widget to an Elementor Page
Elementor Testimonial Grid Widget General Settings
Items Source
Choose the source of the data for the testimonial grid.
Posts: Use blog posts as the source.
WooCommerce Products: Use products from a WooCommerce store.
ACF Custom Field: Use data from an Advanced Custom Fields (ACF) custom field.
JSON or CSV: Use data from a JSON or CSV file.
Gallery: Use images and data from a gallery.
Terms: Use taxonomy terms as the source.
Users: Use user data as the source.
Menu: Use items from a menu.
RSS: Use content from an RSS feed.
Instagram: Use data from an Instagram feed.
API Integrations: Use data from various API integrations.
Debug - Show Input Data
A toggle switch to display the raw input data for debugging purposes.
Grid Type
Select the layout style for displaying testimonials:
Regular – Displays testimonials in a standard, uniform grid.
Masonry – Arranges testimonials in a flexible, Pinterest-style grid where items of varying heights are packed efficiently
Number of Columns
Set the number of columns to display in the grid.
Grid Gap
Adjust the spacing between grid items.
Item Image Size
Choose the image size for testimonial items:
Full – Displays the image in its original size.
Large – Displays a large version of the image (max width ~1024px).
Medium Large – Displays a medium-large version of the image (max width ~768px).
Medium – Displays a medium version of the image (max width ~300px).
Thumbnail – Displays a small thumbnail version of the image (150x150px).
[Other Sizes] – Custom or additional sizes provided by your theme or plugins.
Hover Transition Duration (ms)
Set the duration of hover transition effects (in milliseconds).
Show Image
A toggle switch to display the testimonial image.
Show Rating
A toggle switch to display the testimonial rating.
Show Title
A toggle switch to display the testimonial title.
Show Text
A toggle switch to display the testimonial text.
Show Author
A toggle switch to display the author information.
Author Position
Set the position of the author's information.
Show Author Name
A toggle switch to display the author's name.
Show Author Image
A toggle switch to display the author's image.
Show Author Subtitle
A toggle switch to display the author's subtitle.
Show Author Divider
A toggle switch to display a divider for the author's section.
Show Icon
A toggle switch to display an icon.
Title
Set the title for the testimonial.
Title Link
Add a link to the testimonial title.
Image
Upload or select an image for the testimonial.
Text
Enter the main text or content of the testimonial.
Rating
Set the star rating for the testimonial.
Override Background Color
Change the background color for this specific testimonial item.
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
Elementor Testimonial Grid Widget Style Settings
Item Padding
Adjust the internal spacing of each testimonial item.
Content Padding
Adjust the internal spacing of the content within each testimonial.
Alignment
Set the horizontal alignment of the content.
Item Border Radius
Adjust the roundness of the corners for each item.
Item Background Color
Set the background color for the items. This can be configured for both "Normal" and "Hover" states.
Item Shadow
Add a shadow effect to the items.
Item Border Type
Select the style of the border for the items.
Default
None
Solid
Double
Dotted
Dashed
Groove
Item Border Width
Set the width of the border.
Item Border Color
Set the color of the border.
Height Type
Set how the image height is determined.
Auto: The height is automatically adjusted.
Fixed: The height is set to a specific value.
Ratio: The height is set based on a ratio to its width.
Image Height
Define the specific height of the image.
Image Fit
Control how the image is resized to fit its container.
Cover: The image covers the entire area, potentially cropping parts of the image.
Contain: The image is fully contained within the area, potentially leaving empty space.
Image Position
Set the alignment of the image within its frame.
Center Center
Left Top
Left Center
Left Bottom
Center Top
Center Bottom
Right Top
Right Center
Right Bottom
Image Background Color
Set the background color behind the image. This can be configured for "Normal" and "Hover" states.
Image Radius
Adjust the roundness of the image corners.
Image Border Type
Select the style of the border around the image.
Default
None
Solid
Double
Dotted
Dashed
Groove
Image CSS Filter
Apply CSS filters (e.g., blur, grayscale) to the image.
Image Shadow
Add a shadow effect around the image.
Image Scale
Adjust the size of the image, where 100 is the original size.
Author Layout
Set the layout for the author's information (e.g., row, column).
Author Align
Set the alignment of the author section.
Name / Subtitle Text Align
Set the alignment of the author's name and subtitle text.
Credentials Spacing
Adjust the spacing between the author's credentials.
Margin Top
Set the top margin for the author section.
Image Gap
Adjust the spacing between the author's image and other elements.
Author Image Width
Set the width of the author's image.
Height Type
Set how the image height is determined.
Image Ratio
Set the aspect ratio of the image (e.g., 1/1 for a perfect square).
Image Fit
Control how the image is scaled to fit its container.
Author Image Position
Set the alignment of the author's image.
Image Radius
Adjust the roundness of the author's image corners.
Image CSS Filter
Apply CSS filters to the image.
Image Border Type
Select the style of the border around the image.
Image Shadow
Add a shadow effect to the image.
Image Scale
Adjust the size of the image.
Testimonial Grid Widget Design Examples For Elementor
Here are some live use cases for the Testimonial Grid widget.
Digital Watches Testimonial.
Tech Team Testimonials.
Thank you for using the Testimonial Grid widget for Elementor! This versatile tool showcases customer reviews in a clean, customizable layout with optional masonry style, ensuring your testimonials look great on any screen. With its organized design, flexible settings, and seamless integration from Unlimited Elements, it’s perfect for building trust, showcasing client feedback, and adding credibility to your website. For questions or inspiration, feel free to reach out or explore our demo.