Example
Here’s a quick look at all 10 Styled Testimonial sections included in the package. The download is later in the message.
Subscribe to our YouTube channel
Download 10 stylized testimonial sections for Divi 5
Get all 10 sections for free. Import them into your Divi library and add them to any page in Visual Builder.
What’s included (11 exports)
Once you download and unzip it, you’ll find **10 Styled Section** exports plus **1 all-in-one pack**.
Styled — Individual Sections (10) → Ready-made designs with polished spacing and type.
Styled — All testimonials (1) → Full package with all 10 sections combined.
How to use the testimonial sections
Have your download folder ready: we’ll import it and then add a section to a page.
1. Import sections into the Divi library
Go to Divi → Divi Library. Click Import and export at the top of your screen.
In the Import and export layouts modal, switch to the Import tab and then click Choose File and select your JSON.
To elect Styled — Testimonials (all) or a separate section to bring them in and then click Import Divi Builder layouts.
2. Add a testimonial section to each page
Open a page in the Visual builder and add a new one Section.
In the Insert section modal, click Add from library and select a Testimonial format.
Finally, click Use this section.
3. Exchange content
Replace portraits, names, roles, company names and quotes. These layouts use the core Divi modules (Image, Text, Button, etc.), making editing simple. Use the right-click menu to copy/paste styles when comparing other parts of the page.
With these Testimonial layouts, Divi 5 makes it easy to exchange content, including portraits and quotes. To use Testimonial Layout #5 For example, click on the Group carousel module settings icon.
Click in the First carousel slideand then navigate to the Distributor module: Carousel slide → Row → Column → Divider → Background.
Click on the Background image tab, hover over the Settings iconand replace the image with an image of your choice.
To replace the Testimonial text, simply hover over the module in the canvas to reveal the modules Settings icon.
Click in the Category field to replace the text in seconds.
4. Customize styles (optional)
All Testimonials are already production-ready, but you can quickly change their style using the Divi 5 Inspector feature. Click on the Inspector icon to activate the panel.
When the Inspector Modal opens, there are two tabs: Styles And Contents — where you can easily change the colors, fonts or the content of the carousel slide with just a few clicks.
You can also customize your layout in the Design tab. Adjust layout style (CSS Grid or Flex), spacing, layout direction, and more with just a few clicks.
Save your favorite version as Preset to apply it quickly and easily to your entire site.
Tips for High Credibility Testimonials
Small choices add up: here are quick wins to keep things clear and reliable.
Keep quotes tight
Use Divi 5’s customizable responsive breakpoints to keep courses tight on smaller screen sizes. Aim for 1-3 lines on mobile devices (especially on multi-column layouts) to avoid taking up too much space on small device screens. It is also recommended to use Divi AI to trim the filler content and stick to the result, rather than overwhelming the readers with too much content.
Use real attribution
When adding tutorials to your website, it’s important to use real attribution for the quotes. Be sure to use the person’s name, role and company, if applicable. It is also good to use a company logo as it strengthens trust.
Take contrasts into account
When using text over images, make sure the background has an overlay for readability. Use Divi 5’s background gradient options to add a light to medium gradient, making the text stand out. This is not only important for design, but also for accessibility.
Use consistent images
When creating testimonials, use the same avatar shape and size for consistency. Different shapes and sizes make the design look cluttered and less visually appealing to the user. If a portrait photo is purely decorative, leave the alt text blank.
Order for impact
Lead with your strongest and most compelling evidence first. Showcase a big client, bold statistic, or emotional victory. Use contrasting colors to make it stand out. Continue with alternating short, snappy quotes with deeper stories and highlights.
Move slightly
When using movement, subtle hover or reveal effects are sufficient. Avoid using heavy parallax effects behind the main text. Consider using a Group Carousel or Slider module to rotate testimonials and apply light fade-in effects for quotes.
Start building in Divi 5 today
These 10 stylized testimonial sections provide polished social proof that integrates seamlessly into any layout: fast, consistent, and on-brand. Try them on your next landing page, service page, or case study, and keep iterating with Divi 5’s modern tools.
#Creative #Testimonial #Designs #Divi #Free #Download