Divi Plugin Highlight: DP Testimonials Slider

December 16, 2018

Testimonials are one of the most important elements of a business website. There are several ways to build elegant testimonials with Divi including the testimonial module, blurb module, combinations of text and images, and more. Another option is to use a third-party plugin that provides testimonial management and built-in layouts, such as DP Testimonials Slider.

DP Testimonials Slider creates a new custom post type called jvt_testimonials. It lets you create your testimonials in an editor, and then provides three modules to display those testimonials. You can choose to show all testimonials, limit the number that is shown, and show specific categories. Each of the modules includes several layouts to choose from and you can style them.

Let’s take a look at the plugin.

DP Testimonials

divi-plugin-highlight-dp-testimonials-slider Theme Builder Layout

A new menu item is added to the dashboard called Testimonials. Clicking it shows the list of testimonials that you’ve created.

divi-plugin-highlight-dp-testimonials-slider-1 Theme Builder Layout

Select Add Testimonials and you’ll see the editor where you can create the testimonial. It includes content, categories, image, and testimonial information. This is the editor you get regardless of whether you’re using Gutenberg or the Classic Editor.

divi-plugin-highlight-dp-testimonials-slider-2 Theme Builder Layout

Testimonial Categories works just like post categories. Here, you can create and edit them.

DP Testimonials Slider Modules

divi-plugin-highlight-dp-testimonials-slider-3 Theme Builder Layout

Three modules are added to the Divi Builder:

DP Testimonial Grid View

divi-plugin-highlight-dp-testimonials-slider-4 Theme Builder Layout

The DP Testimonial Grid View includes settings to choose the layout from 3 options, set the number of testimonials that display, display and style the quote icon, display the image, display the quote link, choose a category, adjust the pagination color, the link, etc.

It also includes the standard Design and Advanced settings. CSS lets you target the name, company name, and description. Each of the modules includes these settings.

DP Testimonial List View

divi-plugin-highlight-dp-testimonials-slider-5 Theme Builder Layout

The DP Testimonials List View includes 2 layouts and adds an Order By option, allowing you to order by age of the testimonial, title, or random.

DP Testimonial Slider

divi-plugin-highlight-dp-testimonials-slider-6 Theme Builder Layout

The DP Testimonial Slider includes 56 layouts and adds slider controls. It includes Order By, autoplay, speed, pagination, stop sliding on mouse hover, and display content limit.

DP Testimonials Grid View Examples

divi-plugin-highlight-dp-testimonials-slider-7 Theme Builder Layout

This is Layout 1 showing 3 testimonials. It creates circled images and displays each testimonial in a card with a shadow effect. I’ve left everything else at their default settings.

divi-plugin-highlight-dp-testimonials-slider-8 Theme Builder Layout

In this example, I’m working on layout 2. It adds a background with a gradient. I’ve left this at default and I’ve adjusted the text colors, sizes, and weights, and the icon color. I’ve also set it to show testimonials in random order.

divi-plugin-highlight-dp-testimonials-slider-9 Theme Builder Layout

In the published view the images are circular and they overlap the box that contains the testimonial. The images spin as you hover over them, as you can see here.

DP Testimonials List View Examples

divi-plugin-highlight-dp-testimonials-slider-10 Theme Builder Layout

This is Layout 1 for List View. I’ve left everything at their default settings.

divi-plugin-highlight-dp-testimonials-slider-11 Theme Builder Layout

Layout 2 reduces the size of the images and adds an elegant box design with two circular corners. It shows a shadow effect on hover.

DP Testimonials Slider Examples

divi-plugin-highlight-dp-testimonials-slider-12 Theme Builder Layout

For the slider, I had to use the Classic Divi Builder. Unlike the other two modules, this module doesn’t appear when using the New Divi Builder or the Visual Builder. It has 54 layouts. Instead of looking at all of them, we’ll look at a few.

divi-plugin-highlight-dp-testimonials-slider-13 Theme Builder Layout

This is Layout 1. It creates circled images and includes not navigation for the slides. You can adjust the bullet colors.

divi-plugin-highlight-dp-testimonials-slider-14 Theme Builder Layout

This is Layout 2. I added the box shadow so it stands apart from the background and limited the text to 50 characters. The styling is the default.

divi-plugin-highlight-dp-testimonials-slider-15 Theme Builder Layout

This is Layout 3. It removes the image. I included the box shadow and character limit from the previous example.

divi-plugin-highlight-dp-testimonials-slider-16 Theme Builder Layout

This is Layout 4 using its default settings. I’ll see what I can do with the styling.

divi-plugin-highlight-dp-testimonials-slider-17 Theme Builder Layout

When you choose a layout, that layout’s styling options show in the color settings. You can choose a different layout, adjust its settings, and go back to any layout and its settings are still there.

divi-plugin-highlight-dp-testimonials-slider-18 Theme Builder Layout

I added a background so the colors stand out a little more.

divi-plugin-highlight-dp-testimonials-slider-19 Theme Builder Layout

This is Layout 5. I added a slightly gray background to the section and the slider takes on that background.

divi-plugin-highlight-dp-testimonials-slider-20 Theme Builder Layout

This is Layout 6. It shows two testimonials per slide.

divi-plugin-highlight-dp-testimonials-slider-21 Theme Builder Layout

This is Layout 7. I’m showing the complete testimonial text. I like the image overlapping the testimonial box.

divi-plugin-highlight-dp-testimonials-slider-22 Theme Builder Layout

This is Layout 8. I like this design.

divi-plugin-highlight-dp-testimonials-slider-23 Theme Builder Layout

This is Layout 9. It’s similar to 8 in its layout, but it has its own design queues.

divi-plugin-highlight-dp-testimonials-slider-24 Theme Builder Layout

This is Layout 10. It creates a nice box around the author and adds two sets of quotation marks.

divi-plugin-highlight-dp-testimonials-slider-25 Theme Builder Layout

For this set, I’m using a two-column layout to show two modules. The one of the left is Layout 11 and the right is Layout 12. Layout 11 adds standard-style navigation.

divi-plugin-highlight-dp-testimonials-slider-26 Theme Builder Layout

This is Layout 14. It also includes the post navigation buttons.

divi-plugin-highlight-dp-testimonials-slider-27 Theme Builder Layout

Here’s another two-column layout with Layout 53 on the left and Layout 54 on the right. Layout 54 has an interesting animation for the slider- the slide shrinks, quickly moves to the side while another comes in place, and the new slide grows to fill the space.

divi-plugin-highlight-dp-testimonials-slider-28 Theme Builder Layout

This is Layout 55. It adds some corner styling and creates a banner for the name. I like the use of color. This one includes the same animation as Layout 54.

divi-plugin-highlight-dp-testimonials-slider-29 Theme Builder Layout

This is Layout 56. It removes the images and creates a nice box with a banner for the names.

Caldera Forms Integration

divi-plugin-highlight-dp-testimonials-slider-30 Theme Builder Layout

The publisher’s site includes a template for Caldera Forms to create a testimonial submission form. It’s included in the downloadable documentation and it contains instructions to use it.

divi-plugin-highlight-dp-testimonials-slider-31 Theme Builder Layout

Using this form, anyone can submit a testimonial through the form and it’s saved as a draft for you to review. It also sends an email to the admin with all of the information.

License and Documentation

DP Testimonials Slider is available from the developer’s website. There are three licenses available:

  • 1 site – $30
  • 5 sites – $40
  • Unlimited sites – $50

Documentation is provided as a downloadable file on the plugin’s sales page. It includes a walkthrough of using the plugin, instructions for using it with Caldera Forms, and the Caldera Forms template.

Ending Thoughts

DP Testimonials Slider creates some elegant testimonials. Creating testimonials and using the three modules are intuitive. The grid and list view modules worked great in the new backend editor. For the slider module, I did have to use the classic builder. All three plugins work great in the classic builder, so if you have access to it that’s what I recommend until the frontend feature is added to the slider module.

Even using the Caldera Forms template was practically effortless. I just imported the JSON file and it worked on the first try.

The only issues I had was getting a background to show in the modules. The section and row backgrounds displayed with the testimonials with no trouble. Also, it wasn’t clear where the social links would be used within the testimonials. They also don’t show within the demos on the publisher’s website.

I’m impressed with the number of layouts the slider module has. I also like their animations. Many slide from the side, but there are a lot of other sliding animations including from the top down, shrinking, growing, etc. An upcoming update will add a widget and a shortcode.

If you’re interested in managing your testimonials and displaying them with a module, DP Testimonials Slider is worth a look.

We want to hear from you. Have you tried DP Testimonials Slider? Let us know about your experience in the comments.

Featured Image via Blan-k / shutterstock.com

Share this article:

eHost-square-ad Theme Builder Layout

We’re listening.

Have something to say about this article? Share it with us on Facebook, Twitter or LinkedIn:


Related Posts

the-divi-cyber-monday-sale-has-begun Theme Builder Layout

The Divi Cyber Monday Sale Has Begun!

Black Friday Exclusive Perks Sneak Peek! Posted on November 27, 2019 by Nick Roach in General News Get Ready Black Friday Is Coming Black Friday only comes once a year, and when it does, we like to do something really special. This year’s Black Friday sale starts on...

Get ALL Your SEO, WordPress & Divi News

Join Our Daily Roundup

SEO News and More

SEO News and More

Subscribe ToThe Weekly SEO Trade News Updates

Get the latest SEO, SEM and SMM marketing intel, tips and tricks from one of the best SEO Gurus online. 

Every Tuesday morning we send out an aggregated email listing all new posts on SEO Trade News.

Excellent! Now check your email to confirm your subscription.