Testimonials
Use Testimonials to display an animated slider of customer quotes with configurable autoplay, transitions, and styling.
Usage​
Use Testimonials to display an animated slider of customer quotes that rotates automatically or on user interaction. The module renders each entry as a styled blockquote and uses bxSlider to handle the slide and fade transitions, autoplay, and navigation controls.
Use Testimonials on home pages, landing pages, sales pages, and About pages where social proof needs to occupy a fixed area without taking up the full vertical space of multiple stacked quotes. The compact layout fits multi-column rows for grouped testimonials, and the wide layout suits single-column sections that need a prominent featured quote.
Module Settings​
The Testimonials module settings control the testimonial entries shown in the slider, the slider playback and transition behavior, and the layout, heading, text, and navigation styling.
Items Tab​
The Items tab is where you build and manage the list of testimonials displayed in the slider.
Add Testimonials
Manages the list of testimonials in the slider. Click Add Testimonial to add a new testimonial to the slider, or click Edit on an existing testimonial to open its settings.
Each row in the list also includes Move, Duplicate, and Delete action icons:
- Move: Drag and drop the testimonial row to change the order in which testimonials appear in the slider.
- Duplicate: Creates a copy of the testimonial, including its content, and adds it to the end of the list.
- Delete: Removes the testimonial from the slider.
The Move and Delete actions only appear once the slider contains more than one testimonial.
Each testimonial has its own General tab, described in Individual testimonial settings.
Deleting a testimonial cannot be undone after you click Publish.
Slider Tab​
The Slider tab controls how testimonials advance, including playback, timing, and transition direction.
Auto Play Default: Yes
Determines whether the slider advances automatically.
- No: Keeps the slider on the current entry until the visitor uses the navigation.
- Yes: Cycles through testimonials automatically using the configured Delay.
Show Play/Pause Default: No
Shows or hides a play and pause control for the slider.
- No: Hides the play and pause control.
- Yes: Displays a play and pause control that lets visitors stop and resume autoplay.
Delay Default: 4
The number of seconds each testimonial stays visible before the slider advances. The Delay value should be greater than the Transition Speed.
Transition Default: Slide
The animation used when moving between testimonials.
- Slide: Slides the next testimonial in horizontally.
- Fade: Crossfades between the current and next testimonial.
Transition Speed Default: 0.5
The number of seconds the transition animation runs. The Transition Speed value should be less than the Delay.
Transition Direction Default: Right To Left
The direction of the slide transition.
- Right To Left: Brings the next testimonial in from the right.
- Left To Right: Brings the next testimonial in from the left.
Loop Default: Yes
Sets whether the slider loops continuously after reaching the last testimonial.
- Yes: Returns to the first testimonial after the last one.
- No: Stops on the last testimonial.
Style Tab​
The Style tab controls the layout and the appearance of the heading, text, and slider navigation.
Layout Default: Wide
Selects the slider layout. Wide is for single-column rows, and compact is for multi-column rows.
- Wide: Displays a single testimonial across the full width of the column and reveals the Dots group.
- Compact: Displays a smaller testimonial layout suited to multi-column rows and reveals the Heading and Arrows groups.
Heading
This group is available when Layout is set to Compact.
Heading
Heading Default: Testimonials
The heading text displayed above the compact testimonials slider.
Color Supports: Responsive, Field Connections
The color of the heading text.
Typography Supports: Responsive
The font settings for the heading text.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
Text
The Text section controls the appearance of the testimonial content.
Text
Text Color Supports: Responsive, Field Connections
The color of the testimonial text.
Text Typography Supports: Responsive
The font settings for the testimonial text.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
Arrows
This group is available when Layout is set to Compact.
Arrows
Show Arrows Default: Yes
Shows or hides the previous and next navigation arrows.
- No: Hides the navigation arrows.
- Yes: Displays the navigation arrows and reveals Arrow Color.
Arrow Color
Arrow Color Default: #999999; Supports: Responsive, Field Connections
The color of the navigation arrows. This field appears when Show Arrows is set to Yes.
Dots
This group is available when Layout is set to Wide.
Dots
Show Dots Default: Yes
Shows or hides the pagination dots beneath the slider.
- No: Hides the pagination dots.
- Yes: Displays the pagination dots and reveals Dot Color.
Dot Color
Dot Color Default: #999999; Supports: Field Connections
The color of the pagination dots. This field appears when Show Dots is set to Yes.
Individual testimonial settings​
Each testimonial in the slider has its own settings, accessible by clicking Edit on any testimonial in the Items tab.
General tab​
The General tab holds the testimonial's content.
Testimonial
The testimonial content for the entry, edited in the WordPress Classic Editor WYSIWYG. Use it to add the quote text along with attribution, formatting, links, or basic HTML.
Advanced tab​
The Advanced tab includes all the standard settings for margins, visibility, animations, and advanced HTML configurations.
See the Advanced tab section for more information.
The Advanced tab is global, so it is not available for individual testimonial items in the Testimonials module. As a result, the ID setting applies to the parent node div, not to each testimonial.