Ultimate 3D Testimonial Slider shows what your clients say about you, on any page or post. Add your testimonials, design a slider in the Shortcode Builder, and paste its shortcode where you want it.

Features

Quick to set up, with a Getting Started guide, a live preview and a setup checklist
Shortcode Builder: design and save sliders with a live preview, then place them with [uts id="5"]
Five layouts: 3D slider, grid, list, masonry and ticker (an endless scrolling row)
Seven slider effects: 3D coverflow, slide, fade, cards, 3D cube, flip and creative
Autoplay, loop, speed, arrows and dots
Eight card styles: classic, modern, speech bubble, elegant, glass, dark, split and soft tint
Star ratings (1-5) per testimonial, shown only when set
Colors, corner radius, columns, excerpt length and image size
Settings page for the defaults; every setting can be overridden per slider or per shortcode
Categories, to show different testimonials on different pages
Several sliders on the same page
Lightweight: no jQuery, and the CSS and JS load only on pages that use the shortcode
Accessible: no autoplay or scrolling motion for visitors who prefer reduced motion

How to use

Go to Ultimate 3D Testimonial Slider > Add Post and add your testimonials: the client’s name as the title, their words as the content, a featured image as the photo, and their position & company and an optional star rating in the “Client Additional” box.
Go to Ultimate 3D Testimonial Slider > Shortcode Builder, create a slider and save it.
Copy its shortcode, for example [uts id="5"], and paste it into any page or post.

You can also use the plain shortcode without the builder:

[uts]

To show it in a theme file, use do_shortcode():

<?php echo do_shortcode( '[uts]' ); ?>

Shortcode attributes

All attributes are optional. Their defaults come from Ultimate 3D Testimonial Slider > Settings. Attributes always win over a saved slider and over the settings, so [uts id="5" autoplay="false"] uses slider 5 without autoplay.

General

id: a slider saved in the Shortcode Builder. Example: [uts id="5"]
type: the layout: slider, grid, list, masonry or ticker. Default: slider. Example: [uts type="grid"]
count: how many testimonials to show (0-100). 0 shows all. Default: 0. Example: [uts count="3"]
category: only show testimonials from this category (use its slug). Default: all categories. Example: [uts category="client-feedback"]
excerpt_length: words of each testimonial to show (0-500). 0 shows the full text. Default: 50
image_size: thumbnail, medium, large or full. Default: large

Slider

effect: coverflow, slide, fade, cards, cube, flip or creative. Default: coverflow. Example: [uts effect="fade"]
speed: transition speed in milliseconds (100-5000). Default: 300
autoplay: move to the next slide automatically, true or false. Default: false
autoplay_delay: time between slides with autoplay on, in milliseconds (1000-20000). Default: 3000. Example: [uts autoplay="true" autoplay_delay="5000"]
loop: go back to the first slide after the last one, true or false. Works with any number of testimonials. Default: false
pagination: show dots, true or false. Default: true
navigation: show previous/next arrows, true or false. Default: false
coverflow_rotate: coverflow only, how far side slides turn in degrees (0-90). Default: 50
coverflow_depth: coverflow only, how far side slides sit back (0-500). Default: 100
coverflow_stretch: coverflow only, space between slides; negative values overlap them (-100 to 100). Default: 0

Display

show_image: show the client photo, true or false. Default: true
show_title: show the client name, true or false. Default: true
show_designation: show the position & company, true or false. Default: true
show_rating: show the star rating of testimonials that have one, true or false. Default: true
grid_columns: grid and masonry only, columns on desktop (1-6). Smaller screens use fewer. Default: 3. Example: [uts type="masonry" grid_columns="4"]
ticker_duration: ticker only, seconds each testimonial takes to scroll past (2-30); higher is slower. Default: 6. Example: [uts type="ticker" ticker_duration="10"]

Style

card_style: classic, modern, bubble, elegant, glass, dark, split or soft. Default: classic. Example: [uts card_style="modern"]
accent_color: color of the dots and arrows, e.g. #2271b1. Default: blue
text_color: text color of the cards. Default: theme default
background_color: background color of the cards. Default: white
border_radius: card corner radius in pixels (0-50). Default: 0
star_color: color of the rating stars, e.g. #f5b301. Default: gold

Examples

3 testimonials from the “client-feedback” category as a list: [uts count="3" category="client-feedback" type="list"]
A 4-column masonry: [uts type="masonry" grid_columns="4"]
A fade slider that plays by itself: [uts effect="fade" autoplay="true"]
A slow scrolling ticker: [uts type="ticker" ticker_duration="10"]
A grid of modern cards: [uts type="grid" card_style="modern"]
A frosted glass slider with yellow stars: [uts card_style="glass" star_color="#fde047"]

Source code

The JavaScript and CSS in the build folder are compiled from the src folder of the public repository: https://github.com/monzuralam/ultimate-3d-testimonial-slider
To build it yourself, run npm install and npm run build.

Need more features?

Feature requests are welcome in the support forum.

🔥 WHAT’S NEXT 🔥

Consider checking out our other plugins:

📌 WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar
All-in-One Sticky Menu & Sticky Header, Sticky Sidebar Solution for WordPress.

⏳ All-in-One WP Preloader
All-in-One WP Preloader gives your site a loading screen without writing any code.

Ultimate 3D Testimonial Slider, List & Grid