Testimonial Slider Documentation

Getting started

In order to install this plugin, you must first purchase a membership to Elegant Themes and download the Divi or Divi Builder plugin.

 

Download package includes:

  1. divi-testimonial-slider.zip – installable plugin file
  2. review-form-export.json – Caldera Forms form
  3. TS Demo Sections.json – demo layouts that can be imported to your Divi Library

 

 

INSTALLATION

USAGE

TESTIMONIALS SLIDER

TESTIMONIALS GRID SLIDER

TESTIMONIALS FILTERABLE

ARCHIVE PAGE

IMPORTING DEMO SECTIONS

CALDERA FORM INTEGRATION

FAQ

SUPPORT

CHANGELOG

Installation

Step 1: Add new plugin

Go to Plugins/Add New and click Upload Plugin

 

 

Select divi-testimonial-slider.zip from your computer

Click “Install Now”

 

 

Completing the upload, you will need to activate the plugin by clicking on the Activate button.

 

Step 2: Activate your product

To activate your product and get updates please go to Settings > Testimonial Slider Activation and enter your API Key and API Email.

To see your API Keys please login to your account.

 

Usage

How to add testimonial

Go to Testimonials tab located in your WordPress Dashboard and  and click Add Testimonial

  1. Add testimonial title that will be used for page url
  2. Add testimonial text
  3. Add Name
  4. Add Company Name
  5. Add Company URL
  6. Select Category (if applicable)
  7. Upload Client Image (recommended size 400px width and 400px height)

 

Managing Categories

Go to Testimonials and select Testimonial Category tab

  1. In the right column you will see a list of all existing testimonial categories.
  2. To add new category type Name, Slug (optional – it will be generated automatically based on the name if you won’t specify one), select if there is parent category, add description (optionally) and click Add New Testimonial Category

 

Adding testimonials to pages

Testimonial Slider plugin adds  3 new modules to the Divi Builder and Widget available in Appearance/Widgets. Each Divi module and widget provide advanced customization options and can be added to your pages easily.

Note: Testimonial Slider does not support back-end Visual Divi Builder. For adding/editing testimonial modules please use front-end Visual Builder. 

 

 

Testimonials Slider module

How to add Testimonials Slider module to the page

Testimonials Slider module adds testimonials in a beautiful and interactive slider form.
To add Testimonials Slider to your page please follow these 2 simple steps:

  1. Open your page and Click Insert to add new module
  2. Select Testimonials Slider module

 

 

Customization

Testimonials Slider module offers hundreds of customization options. Each module settings have 3 sections: Content, Design and Advanced.

 

Content Section

In Content tab we will find General Settings, Slider Settings, Display Options, Read More Settings and Background tab where we can change testimonial box background color.

Design Section

Design tab offers several section where we can customize each element of our testimonial box. We can tweak here nearly everything: text styles, profile image, quote icon, navigation, box styles and more… 

Custom CSS

Sky is the limit… You can add unlimited styling to each element of the testimonial by adding custom CSS in Advanced tab. 

Testimonials Grid Slider

How to add Testimonials  Grid Slider module to page

Testimonials Grid Slider allows to add 1, 2, 3 or 4 columns testimonials grid slider to the page.
To add Testimonials Grid Slider to your page please follow these 2 simple steps:

  1. Open your page and Click Insert to add new module
  2. Select Testimonials Grid Slider module

 

 

Customization

We can customize Testimonials Grid Slider module options with ease. Each module settings have 3 sections: Content, Design and Advanced.

Content Section

Testimonials Grid Slider Content tab includes General Settings, Slider Settings, Display Options, Read More Settings, Background and default Divi Link and Admin Label tabs.

 

Design Section

Testimonials Grid Slider Design tab offers several section where we can customize each element of our testimonials boxes. We can tweak here  text styles, profile image, quote icon, navigation, box styles and more…

 

Custom CSS

This module also gives you a full freedom in customization… You can apply custom styling by adding custom CSS in Advanced tab.

 

Testimonials Filterable

How to add Testimonials Filterable module to your page

Testimonials Filterable module allows you to display testimonials in a list or a grid view with filtering options which can be also disabled for displaying only simple grid layout. We can also select pagination and Infinite Scroll option. Filterable Testimonials module is a great solution for creating archive pages and for displaying a big amount of testimonials.

  1. Open your page and Click Insert to add new module
  2. Select Testimonials Filterable module

 

 

Customization

This module is also fully customizable and features 3 tabs: Content, Design and Advanced where we can customize nearly every element of the testimonials boxes.

 

 

Content Section

Testimonials Filterable Content tab includes General Settings, Slider Settings, Display Options, Read More Settings, Background and default Divi Link and Admin Label tabs.

 

Design Section

In Testimonials Filterable module Design tab we will find options for customizing appearance of our testimonials boxes. We can tweak here text styles, profile image, quote icon, navigation, box styles and more…

 

Custom CSS

This module also gives you a full freedom in customization. You can apply custom styling by adding custom CSS in Advanced tab and customize your testimonials just like you want!

 

Testimonials archive page

Customizing archive page

Divi Testimonial Slider creates archive page for testimonials.
The default address of archive page is yourdomain.com/testimonials

You can change slug and tweak archive page settings under Divi/Testimonial Settings

 

Editing archive page settings

Here are settings you can apply to archive page layout:

 

Importing Demo Sections

How to import demo sections

Testimonial Slider comes with premade demo sections that can be imported to Divi Library and used in no time on your website.

To import demo section to your Divi Library please follow these steps:

1) Download „All Files” package from your account section (API Downloads tab)

 

 

 

2) Unzip the package

3) Open your WP Dashboard and go to Divi/Divi Library

4) click Export/Import located at the top of the page

 

 

5) navigate to the All Files folder and select TS_Demo_Section.json, click Import.

6) Now all examples from demo page have been imported to your Divi Library .

 

Adding demo sections to your page

All demo examples are saved as a sections. To add them to your page, click Add New Section on your page and click Add From Library. Select demo you would like to add and click Add.

Caldera Form Integration

Allow your customers to leave reviews directly on your website

Testimonial Slider plugin allows you to collect reviews by your customers on your website and add them automatically to your page. In order to enable this feature you will need Caldera Forms plugin available in WordPress repository and appropriate form imported and placed on your website.

 

Import review form

Go to Caldera Forms tab located in your WordPress dashboard and click Import button

 

Click Choose File and navigate to Testimonial Slider package. Select review-form-export.json and click Import From

 

 

Using review form on pages

To use form on a page we need to copy its shortcode and paste it on a page to Text or Code Module.

Go to Caldera Forms tab located in your WordPress dashboard and click Get Shortcode to get shortcode for your review form

 

 

Open the page where you want to add this form and click Insert Module
Select Code Module and add your form shortcode into it.

 

After saving this page, click Preview to see your new form.

Approve/Publish new reviews

Each review submitted by your customers via this form will be added to Testimonials tab as a Draft.
To approve comment you just need to Publish it.

To Publish new comment go to Testimonials tab located in your WordPress Dashboard, navigate to the new review and click Quick Edit. Change status to Published and click Update

If you need to edit testimonial before publishing then click Edit instead of Quick Edit.

FAQ

Fatal error on activation

If you are getting errors on activation this is most likely outdated PHP version running on your server.
Please make sure you are using PHP 5.6 or later (7+ recommended).

 

Problem with downloads

If you are having an issue and cannot access your files in your account section please clear your browser cache and try again. If the issue persists please contact our support and we will check and fix this issue for you.

 

Licensing

Regular license can be activated on one domain only. Extended license can be activated on unlimited domains.

 

Moving license to another domain

If you want to transfer license to another domain it is important to deactivate the license on current domain before it gets transferred to a new domain.

 

 

Support

Elegant Themes

For additional assistance with using the Divi theme framework, Elegant Themes offers free technical support to all their members. Login to your account at Elegant Themes website.

 

Divi Communities

You can also find support on Facebook or Google+ by posting your questions in the community group:

Divi Theme | Extra Theme | Help & Share.

Google+ Divi Community

B3 Multimedia Solutions

For questions or support please visit your account and submit support ticket:

My Account

Change Log

2019 November 5th – Version 1.5.1

  • 1 column tablet issue fixed
  • mobile view breakpoints fixed

2019 October 22nd – Version 1.5

  • NEW: 3D Coverflow Effect
  • NEW: Star Rating on archive pages
  • NEW: Testimonial Elements positioning options
  • NEW: Archive Pages Layout Injector
  • NEW: Plugin Dashboard Interface
  • Disable Equal Height on mobiles option added
  • Filters CSS updated
  • Archive Page list layout issue fixed
  • Sample Demo JSON file updated
  • Swiper.js library updated
  • API library updated
  • WP 5.2.4 and Divi 4.0.2 compatible

2019 March 12th – Version 1.4

  • NEW: Star Rating functionality added
  • NEW: Read More functionality added
  • NEW: Navigation Styles added
  • NEW: Quote Icons styles added
  • NEW: Infinite Scroll to Filterable Testimonials module added
  • NEW: font-end builder compatibility
  • NEW: Translations to Settings Dashboard added
  • NEW: Show Navigation on hover only option added
  • NEW: Client Image settings added
  • Read More Link target attribute added
  • debug mode notices eliminated
  • Equal Height on mobiles issue fixed
  • options reorganised
  • content animation to Testimonial Slider added
  • single testimonial navigation improved
  • pagination CSS improved
  • documentation updated
  • WP 5.1 and Divi 3.20.1 tested

2018 March 26th – Version 1.3

  • Testimonial Slider ordering issue fixed
  • jQuery issue fixed
  • ordering option to Grid Slider and Filterable module added
  • console issue fixed
  • archive page and single testimonials page tweaked
  • collecting reviews form added
  • new API validation added

2017 November 7th – Version 1.2

  • NEW: Grid Slider slide speed and duration added
  • Testimonials Grid Slider column issue fixed
  • Divi Builder CSS conflict fixed
  • JS improvements
  • Widget ordering added
  • Filterable Testimonials custom CSS fields added
  • Grid Slider custom CSS fields added
  • Filterable Testimonials pagination issue fixed
  • Grid Slider Client Name alignment issue fixed
  • Grid Slider box options added

2016 December 9th – Version 1.0

  • plugin release

Pin It on Pinterest

This site uses Cookies to improve your online experience. By continuing to use this site without changing your cookie preferences we will assume that you are agreeing to our use of cookies. For more information visit ourPrivacy Policy.
Understood