How to Create and Customize Divi Testimonial Module

Testimonial is an effective way to earn the confidence and trust of clients and customers. Using the super-customizable Divi testimonial module, you can quickly create eye-catching testimonials to add to your landing and sales pages. You can also add a testimonial plugin on the WordPress website easily.

This tutorial will show how we can quickly create a Divi testimonial module section for our web pages. By the end of this tutorial, you will be able to add testimonials in WordPress according to the Divi Testimonial module in this awesome theme. 

Create and Customize The Divi Testimonial Module

Step 1:

Visit the page you want to add the Divi testimonial module while logged in. You will see the ‘Enable Visual Builder’ in the top admin bar. Click to open the page in Visual Builder.

Divi testimonial

Step 2:

If the page is blank, you will be given a few choices about how you want to start developing. Click on. ‘Start Buiding.’

woocommerce templates

Step 3:

Click on the green ‘+’ icon to add a row for our Divi testimonial module section. 

Divi testimonial

Step 4:

Choose the number of columns you need in that row. Click on ‘3 columns’. Creating rows and columns is pretty much similar in all top free SEO-friendly WordPress WooCommerce themes

best woocommerce wordpress themes

Step 5:

We can see we have added three columns in the row we created. Now click on the ‘Gray +’ icon in the first column to add elements. 

Divi testimonial

Step 6:

Scroll down in the module library and find the ‘Testimonial’ module. Click on the ‘Testimonial’ module to add it to the respective column.

woocommerce themes for wordpress

Step 7:

We have added a Testimonial module in the first column. Click on the ‘Settings’ icon in the Divi Testimonial module to start customizing. 

Divi testimonial

Step 8:

The first tab in the Testimonial setting is the ‘Content’ tab. You can find different sections of the Divi Testimonial module here to place your content. Click on the ‘Text’ option in the ‘Content’ tab to add texts for the Testimonial module.

best elementor theme for woocommerce

Step 9:

Write the Author, Job Title, and Company name of your client in the respective fields. Write the testimony in the Body section. You will be able to see the content in the Divi Testimonial module as you write them in the text fields. 

Divi testimonial

Step 10:

Now scroll down a bit and click on the ‘Image’ section in the ‘Content’ tab. Adding images using the WordPress gallery is the same for all top free WordPress WooCommerce themes

best woocommerce theme elementor

Step 11:

Click on the ‘Image’ section to upload the client’s picture. 

Divi testimonial

Step 12:

Once you upload the picture from your local device, you can see it instantly in the image section of the Divi Testimonial module

best woocommerce theme elementor

Step 13:

On the ‘Element’ section in the ‘Content’ tab, you can show or hide the quote icon. It is set to ‘YES’ by default. If you set it to ‘No’, the quote icon won’t be visible in your Divi Testimonial module

Divi testimonial

Step 14:

In the Link section, you can link the company name or the whole module to your client’s company website. You can also choose how the link should open. 

wordpress woocommerce themes

Step 15:

In the ‘Background’ section on the ‘Content’ tab, We can change the background color of our Divi Testimonial module. Move the Circle on the color palette to choose your desired background color. 

Divi testimonial

Step 16:

On the ‘Design’ tab in the Testimonial module settings, you can find customization options for various sections of the Divi Testimonial module. Click on the ‘Quote icon’ section to customize the quote icon. 

wordpress woocommerce themes

Step 17:

You can change the color of the quote icon and its background. You can also change the quote icon from the icon library. 

Divi testimonial

Step 18:

In the ‘Image’ section, you can adjust the height, width, corner radius, border style, and border width of the image.

best woocommerce wp themes

Step 19:

In the ‘Text’ section, you can adjust text alignment, text color, and text shadow

Divi testimonial

Step 20:

In the ‘Body’ text section, you can adjust the font type, font size, color, alignment, spacing, and line height.

woocommerce beauty theme

Step 21:

Following step 20, you can also customize the ‘Author Text’, ‘Position Text’, and ‘Company Text’ sections. 

Divi testimonial

Step 22:

In the ‘Sizing’ section, you can adjust the height, width, minimum height, and minimum width of the Divi Testimonial module

wordpress woocommerce themes

Step 23:

As we have done the customization, click on the ‘Tick’ icon to save.

Divi testimonial

Step 24:

Click on the ‘Duplicate module’ twice to clone the module two times. Then drag and drop the cloned modules on the other two columns. 

woocommerce themes for wordpress

Step 25:

Now, as shown before, click on the duplicate modules settings and customize them with your content.

Divi testimonial

Final Output

We have created a simple and attractive Divi Testimonial section using the Divi theme.  

woocommerce themes for wordpress


In this tutorial, we focused on showing step-by-step how you can create a  Divi Testimonial section in the Divi theme. Following this procedure, you can develop testimonials of various designs. We hope that this tutorial will be helpful for you. Feel free to go through our article on Divi vs Flatsome theme comparison to get insight into the most popular WooCommerce themes. 

Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Ultimate Top 10 WordPress Paywall Plugins 2023

Are you looking for the best WordPress Paywall Plugin? WordPress paywall plugins are widely available, although not all of them are top-notch. Paywall plugins help you promote…

Start Booking Process with Availability Calendar Since Appointment Booking 1.19.0

With the release of the MotoPress Appointment Booking plugin version 1.19.0, we’ve introduced several significant improvements and enhanced flexibility to the booking form widget. Additionally, we’ve fixed bugs and implemented…

Discover Top 17 WordPress Community Themes 2023

Community or social gathering is an amazing platform where you can share your thoughts or ideas with your people. Here WordPress Community Themes can play a vital…

Ultimate Top WooCommerce Dark Theme in 2023

WooCommerce dark themes are a good option if you want your website to have a contemporary, melancholy atmosphere. Dark themes are sinister and enigmatic, whereas light themes…

WooCommerce Variable Product Attributes Setup 2023

Are you worried about how to create Radio, Label, Color, and Image Variation Swatches for WooCommerce variable product attributes? If your WooCommerce store sells a variety of…

Top Google Tag Manager WordPress Plugins 2023

Google Tag Manager WordPress plugin is a tag management plugin that can help you to put or update tags on your website. Using it, you will be…