testimonial carousel with Elementor

How to create a testimonial carousel with Elementor

Do you want to create a testimonial carousel with Elementor on your website? Here in this article, we will provide you an easy solution to add a testimonial carousel in your web pages using Elementor.

Testimonial Carousel enables you to display your testimonial or client’s review as a slider. To add a creative and attractive testimonial carousel manually you need to work hard. But thankfully there are solutions like Elementor and Absolute Addons which enable you to add the testimonial carousel without a single line of code.

Absolute Addons provides you full control over the style and design of your testimonial carousel, including how many slides are shown per view, carousel width, and many other styling options.

Create a testimonial carousel with Elementor

Step 1

To use our Product Carousel widget, first create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for Product Carousel. Drag the Product Carousel block and drop it into your created section.

Now under the Content tab from the Template Style menu, you can select the image carousel style. There are five different styles available.

You can see all the styles from here –

Product Query

From the product query option, you can filter different options to display the product. Set the product number to display, add a column gap. Then you can display the product by –

  • Type
  • Categories
  • Tags
  • Colors
  • Size
testimonial carousel with Elementor

Product Setting

From the product setting option, you can hide or display the product title, rating, price, and other options.

testimonial carousel with Elementor

Product Label Setting

Add sale text, stock out text, and alignment.

testimonial carousel with Elementor

Slider Option

Now from the Slider Option menu, you can set up your slider features. You can choose the number to display in the slider as well as scroll in the slider. You can enable or disable the autoplay & loop option and set the autoplay speed. You can also set the distance between siders and slider direction as left or right. There is also an option to choose slide effect as slider or fade.

Step 2

Now move on to the style tab where different style options are available for the product carousel section.

testimonial carousel with Elementor

Product Body Section

Add background, border type, box-shadow for both normal and hover conditions.

Product Title

Set title typography, title color, title hover color, padding and margin for product grid title.

testimonial carousel with Elementor

Product Category

You can add category typography, text color, background color, border, box-shadow and others for the category section.

Product Price, wishlist button & Product not found message

You can style your regular price and sale price and wishlist and product not found typography, text color, padding and margin.

Great! You have successfully created your Product Carousel section.

Wrapping  Up

Following the process, you will be able to create a testimonial carousel on your website using the Elementor page builder. You can see our other tutorials to learn How to create a beautiful image carousel with Elementor

How to create portfolios with Elementor

We hope this article will help you. If you like this article please like our Facebook page and subscribe to our Youtube channel.

Leave a Reply

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