Divi 5 makes it easy so as to add social evidence that in fact appears just right. On this unfastened pack, you’ll get 10 Styled Testimonial Sections — each and every crafted for blank typography, balanced spacing, and powerful distinction out of the field. Drop one onto any web page and switch the content material. No further setup required.
Preview
Right here’s a snappy take a look at all 10 Styled Testimonial Sections incorporated within the pack. The obtain is additional down the put up.
Subscribe To Our Youtube Channel
Obtain 10 Styled Testimonial Sections For Divi 5
Get all 10 sections totally free. Import them into your Divi Library and upload them to any web page within the Visible Builder.
@media best display screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner than { border-top-color: #ffffff !essential; border-left-color: clear !essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: clear !essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { colour: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:sooner than { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 robust { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p robust, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !essential;}
Obtain For Loose
Sign up for the Divi E-newsletter and we will be able to electronic mail you a replica of without equal Divi Touchdown Web page Format Pack, plus lots of different superb and unfastened Divi assets, pointers and methods. Apply alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely sort for your electronic mail cope with under and click on obtain to get right of entry to the structure pack.
You’ve effectively subscribed. Please test your electronic mail cope with to verify your subscription and get get right of entry to to unfastened weekly Divi structure packs!
What’s Integrated (11 Exports)
After you obtain and unzip, you’ll to find **10 Styled Segment** exports plus **1 all-in-one pack**.
Styled — Particular person Sections (10) → In a position-made designs with polished spacing and kind.
Styled — All Testimonials (1) → Complete pack with all 10 sections mixed.
How To Use The Testimonial Sections
Stay your obtain folder at hand — we’ll import, then upload a bit to a web page.
1. Import Sections Into The Divi Library
Cross to Divi → Divi Library. Click on Import & Export on the peak of your display screen.
Within the Import & Export Layouts modal, transfer to the Import tab, then click on Make a choice Report and choose your JSON.
Make a choice Styled — Testimonials (All) or somebody segment to convey them in, then click on Import Divi Builder Layouts.
2. Upload A Testimonial Segment To Any Web page
Open a web page within the Visible Builder and upload a brand new Segment.
Within the Insert Segment modal, click on Upload From Library and choose a Testimonial structure.
In any case, click on Use This Segment.
3. Switch The Content material
Substitute headshots, names, roles, corporate names, and quotes. Those layouts make the most of core Divi modules (Symbol, Textual content, Button, and many others.), making edits easy. Use the right-click menu to duplicate/paste types if you happen to’re matching different portions of the web page.
With those Testimonial layouts, Divi 5 makes it simple to switch content material, together with headshots and quotes. The usage of Testimonial structure #5 for example, click on the Team Carousel Module Settings icon.
Click on into the First Carousel Slide, then navigate via to the Divider Module: Carousel Slide → Row → Column → Divider → Background.
Click on the Background Symbol tab, hover over the Settings Icon, and substitute the picture with one in every of your opting for.
To switch the Testimonial textual content, you’ll merely hover over the Module within the canvas to show the Module’s Settings icon.
Click on into the Heading box to exchange the textual content in seconds.
4. Regulate Kinds (Non-compulsory)
All Testimonials are production-ready as is, however you’ll temporarily exchange their styling by means of the usage of the Divi 5 Inspector function. Click on the Inspector Icon to turn on the panel.
When the Inspector Modal opens, there are two tabs — Kinds and Content material — the place you’ll simply exchange the colours, fonts, or the Carousel Slide’s content material with a couple of clicks.
You’ll additionally tweak your structure within the Design tab. Regulate the Format Taste (CSS Grid or Flex), Gaps, Format Path, and extra with a couple of clicks.
Save your favourite model as a Preset to temporarily practice it right through your website comfortably.
Guidelines For Top-Credibility Testimonials
Small possible choices upload up — listed here are fast wins to stay issues transparent and faithful.
Stay Quotes Tight
Use Divi 5’s Customizable Responsive Breakpoints to stay quotes tight on smaller display screen sizes. Goal for 1-3 traces on cellular — particularly with multi-column layouts — to keep away from taking on an excessive amount of area on small tool displays. It’s additionally really helpful to make use of Divi AI to trim filler content material and keep on with the outcome reasonably than overwhelming readers with an excessive amount of content material.
Use Actual Attribution
When including tutorials in your website online, it’s essential to make use of actual attribution for the quotes. Be sure that you’re the usage of the individual’s call, function, and corporate, if acceptable. It’s additionally just right to make use of an organization emblem, because it solidifies agree with.
Be Aware Of Distinction
When the usage of textual content over photographs, make sure that the background accommodates an overlay for clarity. Use Divi 5’s Background Gradient choices so as to add a mild to medium gradient, making the textual content stand out. That is essential no longer just for design, but in addition for accessibility.
Use Constant Imagery
When development testimonials, use the similar avatar form and measurement for consistency. Various styles and sizes make the design glance messy and no more visually interesting to the person. If a headshot is solely ornamental, depart the alt textual content empty.
Order for affect
Lead together with your most powerful and maximum compelling proof first. Function a big-name consumer, daring stat, or emotional win. Use contrasting colours to make it stand out. Apply up with alternating quick, punchy quotes with deeper tales and highlights.
Movement frivolously
When the usage of movement, delicate hover or disclose results are sufficient. Steer clear of the usage of heavy parallax results in the back of frame textual content. Imagine the usage of a Team Carousel or Slider module to rotate testimonials and practice gentle fade-in results for quotes.
Get started Construction In Divi 5 These days
Those 10 styled testimonial sections supply polished social evidence that seamlessly integrates into any structure — rapid, constant, and on-brand. Check out them to your subsequent touchdown web page, services and products web page, or case learn about, and stay iterating with Divi 5‘s fashionable gear.
The put up 10 Inventive Testimonial Designs For Divi 5 (Loose Obtain) gave the impression first on Chic Topics Weblog.
WordPress Web Design