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. 

Leave a Comment

Your email address will not be published. Required fields are marked *