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. 

See also  5 Common WordPress Login Issues (And How to Solve Them)

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. 

See also  Ultimate Top 10 WordPress Paywall Plugins 2023

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

Conclusion

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. 


Subscribe To Our Newsletter!
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

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…