Skip to content

How to Add a Testimonial Carousel Slider in Elementor?

Table Of Content

A carousel shows a few testimonials at a time and moves through the rest, which keeps a long list from taking over the page.

The Testimonial widget from The Plus Addons for Elementor has a carousel layout built in, with arrows, dots, autoplay and a separate column count for each device.

To check the complete feature overview documentation of The Plus Addons for Elementor Testimonial widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: the Testimonial widget is in the free plugin. Style-3 and the extras listed below need The Plus Addons for Elementor Pro.
  • Widget to enable: Testimonial, switched on under The Plus Addons > Widgets. Its card is badged FREEMIUM.
  • If you use the Post Type source: the testimonial custom post type has to be switched on first, under The Plus Addons > Extra Options > Listing > Testimonial. Until then there are no testimonials to list.

Turn the listing into a carousel

  1. Edit the page with Elementor and drag the Testimonial widget in.
  2. In Layout (Content Layout in the free plugin) pick a Style.
  3. Set Layout to Carousel – the third of the three pictures. It is also the widget’s default.
  4. Set Select Source to Post Type or Repeater.
Layout set to carousel in the testimonial widget panel

The testimonials become a slider:

Front end showing three testimonials in a carousel with previous and next arrows and a row of dots

Set the carousel up

Every carousel control lives under Style > Carousel Options, split across Desktop, Tablet and Mobile tabs. The Columns Manage section disappears on this layout – the column count comes from here instead.

SettingWhat it doesDefault
Desktop Columns / Tablet Columns / Mobile ColumnsSlides visible at once on each device.Pro 3 / 3 / 2, free 1 / 1 / 1
Slide DirectionLeft To Right or Right To Left.Left To Right
Slide SpeedHow long one transition takes, in milliseconds.1500
Autoplay / Autoplay SpeedMoves on its own, every Autoplay Speed milliseconds.Yes / 3000
Infinite ModeLoops from the last slide back to the first.Yes
DraggableLets visitors drag or swipe the carousel.Yes
Adaptive HeightLets the carousel height follow the slide that is showing.No
Animation Typeease or linear.ease
Show Dots / Dots StyleDot navigation, in seven styles.Yes / Style-1
Show Arrows / Arrows StyleArrow navigation, in six styles.No / Pro Style-1, free Style-2
Slide PaddingPadding inside each slide, which is what separates the cards.empty
Carousel options section under the style tab with the desktop, tablet and mobile tabs

These extras need the Pro plugin: Unique Carousel ID (so the Carousel Remote widget can drive this carousel), Slider Mode (Horizontal or Vertical), Next Previous (move one slide or two per step), Multi Drag, Pause On Hover, Center Mode with its padding, scale and opacity sliders, Number Of Rows, and the Responsive Tablet / Responsive Mobile switches that let the tablet and mobile tabs override everything rather than just the column count.

How It Behaves

  • Carousel is the widget’s default layout, so a freshly dropped Testimonial widget is already a slider.
  • The carousel works in the free plugin for Style-1, Style-2 and Style-4. Only Style-3 needs Pro.
  • Tablet Columns and Mobile Columns become the slider’s breakpoints at 1024 px and 768 px.
  • Dots are not drawn when every slide already fits on screen – with three testimonials and three columns there is nothing to page through.
  • Autoplay keeps running once it reaches the end, because Infinite Mode is on by default.

Limitations

  • The free plugin shows one testimonial at a time by default and its tablet and mobile column values are 1 as well. Raise Desktop Columns yourself.
  • The free plugin ignores Next Previous, Slider Mode, Multi Drag, Pause On Hover, Center Mode and Number Of Rows. The controls are visible but the slider never receives them, so the carousel always moves one slide at a time, horizontally, without pausing on hover.
  • Columns Manage is hidden on this layout. If you were using it for the grid, the settings are still stored but have no effect here.
  • Two different dropdowns in Carousel Options are both labelled Arrows Style – the first picks the arrow design, the second picks the arrow position.

Troubleshooting

Only one testimonial shows at a time

Raise Desktop Columns under Style > Carousel Options. In the free plugin the default is 1 on every device.

There are no dots

Either Show Dots is off, or there are no more testimonials than the columns you set – with nothing to page through the dots are not drawn.

There are no arrows

Show Arrows is off by default. Switch it on in the same section.

Setting Next Previous to 2 changes nothing

Next Previous is a Pro control. It is also overridden when Number Of Rows or Center Mode is in use.

The Columns Manage section vanished

That is expected on the Carousel layout. Use the column settings inside Carousel Options.

Related Docs

Related Frequently Asked Questions

Related Docs