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
Product Setting
From the product setting option, you can hide or display the product title, rating, price, and other options.
Product Label Setting
Add sale text, stock out text, and alignment.
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.
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.
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.