How to Add A Testimonial Slider in Elementor

Some businesses use testimonials from clients as a tool to sell their services or products. If you want to display the testimonials from your clients on your website, that’s great as it can be one of the factors to attract other clients. People tend to have trust in products or services that have positive feedbacks from users. Elementor comes with two widgets to display testimonials: the Testimonial widget and the Testimonial Carousel widget. If you want to display the testimonials in a slider style, you can use the Testimonial Carousel widget.

The Testimonial Carousel itself is a pro widget so that you need to use the pro version of Elementor to use it.

How to Add A Testimonial Slider in Elementor

Since the Testimonial Carousel is a pro widget, make sure to update your Elementor to the pro version in case you haven’t do so. If you are new to Elementor, you can read our previous article to learn how to use Elementor. In this article, we will go straight to adding the Testimonial Carousel widget to the canvas area. Simply drag the Testimonial Carousel widget from the left panel to the canvas area.

Go to the left panel to make the customization. First, you can open the Slides block under the Content tab to edit the content. By default, the Testimonial Carousel creates a testimonial slider that consists of 3 slides. To edit the default content of a slide, you can simply open it by clicking it. You can change the photo and text (the testimonial of your client, your client’s name and job title).

You can repeat the steps to edit the content on other slides. To add a new slide, you can simply click the ADD ITEM button.

Still on the Slides block, you can set the skin of the slider on the Skin option and the layout of the slider on the Layout option. In addition, you can also set the number of slides per view and the number of slides to scroll.

Next, you can open the Additional Options block to set some optional settings. From this block, you can enable/disable the pagination (arrows and dots), set the transition duration, enable/disable autoplay, set the autoplay speed, and so on.

Styling Up the Testimonial Slider

Once you are done editing the content of the slides and the make required settings, you can switch to the Style tab to style up the testimonial slider. There are 4 styling option blocks you can open.

  • Slides

You can open this block to set the space between slides, the background color of the slides, the border size of the slides, border radius, and border color.

  • Content

From this block, you can set the typography (font family, font style, font size, and so on) of the text content of the slides, text color, and the gap between the testimonial content and the user’s info (name and job title).

  • Image

You can open this block to set the size of your user’s image, border radius, and border size.

  • Navigation

If you enable the navigation on the Additional Options block under the Content tab, you can open the Navigation block under the Style tab to set the size of the arrows, color of the arrows, size of the dots, and the color of the dots.

That’s it. You can publish your page once you are done editing it.

The bottom line

Elementor has a default widget — the Testimonial Carousel widget — to add a testimonial section on your page or template. You need to use the pro version of Elementor as the widget is only available on Elementor Pro. Alternatively, you can also use an add-on. Some Elementor add-ons that have a similar widget are Essential Addons and Happy Addons.

This page may contain affiliate links, which help support WP Pagebuilders.

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This

Share This

Share this post with your friends!