Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Testimonial Grid

Step: 1 Create new testimonials

The Divi Plus plugin after installation creates a DP Testimonials menu in the WordPress Dashboard with the following options,

  1. All Testimonials
  2. Add New
  3. DP Testimonial Categories
divi-testimonial

To add a testimonial grid on a webpage, you have to create testimonials first. The following steps can help you create one,

  1. Go to the DP Testimonials >> Add New.
  2. On the next window, It will open up a text editor similar to the post and page. Here, in the Add Title field input your testimonial title.
  3. After this, input your review in the content field area.
  4. Then, create a new category by tapping the Add New Testimonial Category below the Publish block.
  5. After this, go to the Testimonial Meta Fields under the content area. And input the details in all the fields as required.
  6. For the author’s image, you can set it manually in the Testimonial Author Image block under the DP Testimonial Categories by clicking the Set Testimonial Author Image. Or you can enter the Gravatar Account email. The testimonial module will fetch the author’s image from there.
  7. After completing all the fields, Publish your testimonial.
  8. Likewise, you can easily create multiple testimonials in no time.
divi-add-testimonial

Step: 2 Create testimonial categories

To display testimonials, it’s not necessary that you create categories. However, it would help you manage your testimonials on a webpage preferentially. You can create testimonial categories when creating a testimonial, as mentioned above in step 4. Alternatively, you can create & manage the testimonial categories as follows,

  1. Go to the DP Testimonials >> DP Testimonial Categories.
  2. Here, you can create a new category by entering the required details under the Add New Testimonial Category labels like Name, Slug, Parent Testimonial Category, and Description.
  3. Once done with all the details, click Add New Testimonial Category.
divi-testimonial-category

If you want to edit a previously created category,

  1. Simply click the Edit link under the category name.
  2. And make changes according to your needs.
  3. Update.

Display Testimonials Using Testimonial Grid Module

testimonial-grid
  1. Insert DP Testimonial Grid
  2. How to select Testimonial Grid Layout: Inside the Content tab go to the Content settings >> Testimonial Layout >> select either Layout 1 / Layout 2.
  3. Select Number of Testimonials to display: Go to the same Content settings >> Number of Testimonials >> input your desired number.
  4. How to define Testimonial Order: Go to the Content settings >> Order >> select either DESC or ASC.
  5. Select Order Type: Go to the Content settings >> Order by >> select any from the available options that are Date, Modified Date, Title, Slug, ID, Random, and None.
  6. How to Exclude or Include Testimonials of Specific Category: Go to the Content settings >> Include Categories >> Tick the checkboxes next to the categories you want to include. (If you leave all categories unchecked, it will display testimonials from all the categories.)
  7. Select Number of Columns for Testimonial Grid: Go to the Display settings >> Number Of Columns >> select your preferred number of columns up to 3.
  8. How to display Testimonials in Masonry Format: Go to the Display settings >> Enable Masonry >> check as YES.
  9. Hide Rating: Go to the Display settings >> Show Rating >> check as NO.
  10. Hide Author Image: Go to the Display settings >> Show Author Image >> check as NO.
  11. How to display Gravatar Image on Testimonial Grid: Go to the Display settings >> Use Gravatar >> check as YES. (Make sure you’ve used the author email associated with the Gravatar Account.)
  12. Hide Designation: Go to the Display settings >> Show Designation >> check as NO.
  13. Hide Company Name: Go to the Display settings >> Show Company Name >> check as NO.
  14. How to style single testimonial background: Inside the Content tab >> Background >> Single Testimonial Background >> apply customizations as required.
grid-testimonial

Design options

  1. How to change Text alignment: Go to the Design tab >> Text >> Alignment >> select any available alignment options.
  2. How to apply Text Shadow: Inside the Design tab >> go to the Text settings >> Text Shadow >> apply any one from the available options.
  3. Customize Body Text of the testimonial: Go to the Design >> Body >> apply changes as required.
  4. How to style Author’s Name: Go to the Design tab >> Author >> Name >> apply text customization as required.
  5. Style Author’s Designation: Go to the Design tab >> Author >> Designation >> apply text customization as required.
  6. Style Author’s Company Name: Go to the Design tab >> Author >> Company >> apply text customization as required.
  7. How to change Star Rating size: Go to the Design tab >> Star Rating >> Star Font Size >> move the slider or input the value.
  8. How to change colors for the rated and non-rated stars: Go to the Star Rating >> Filled Star Color / Empty Star Color >> choose any required color.
  9. How to display Opening Quote Icon: Go to the Design tab >> Quote Icon >> Opening Quote Icon >> Show Opening Quote Icon >> check as YES.
  10. Change Opening Quote Icon Size: Go to the Quote Icon >> Opening Quote Icon >> Quote Icon Size >> Move the slider or input the value.
  11. Change Opening Quote Icon Color: Go to the Quote Icon >> Opening Quote Icon >> Quote Icon Color >> Choose any color as required.
  12. How to apply custom positioning for Opening Quote Icon: Go to the Quote Icon >> Opening Quote Icon >> Enable Custom Position For Quote Icon >> check as YES >> any apply customization as required.
  13. How to display Closing Quote Icon: Go to the Design tab >> Quote Icon >> Closing Quote Icon >> Show Closing Quote Icon >> check as YES.
  14. Change Closing Quote Icon Size: Go to the Quote Icon >> Closing Quote Icon >> Quote Icon Size >> Move the slider or input the value.
  15. Change Closing Quote Icon Color: Go to the Quote Icon >> Closing Quote Icon >> Quote Icon Color >> Choose any color as required.
  16. How to apply custom positioning for Closing Quote Icon: Go to the Quote Icon >> Closing Quote Icon >> Enable Custom Position For Quote Icon >> check as YES >> any apply customization as required.
  17. How to change Meta Separator Color: Go to the Design tab >> Meta >> apply color as required.
  18. Testimonial Padding: Go to the Design tab >> Spacing >> Testimonial Padding >> apply padding as required.
  19. Add Rounded Corners to Single Testimonial: Go to the Border settings >> Single Testimonial Rounded Corners >> Make changes as required.
  20. Add Borders to Single Testimonial: Go to the Border settings >> Single Testimonial Border Styles >> Make changes as required.
  21. Add Rounded Corners to Author Image: Go to the Border settings >> Author Image Rounded Corners >> Make change as required.
  22. Add Borders to Author Image: Go to the Border settings >> Author Image Border Styles >> Make change as required.
  23. Add Box Shadow to Single Testimonial: Go to the Box Shadow settings >> Single Testimonial Box Shadow >> select any box shadow from available options.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Testimonial Slider
Next Flip Box