How to Create an Infobox/Service Box Carousel in Elementor?

Updated on June 24, 2024 by Editorial Team
Table Of Content

Adding an Infobox/service box carousel in Elementor makes a dynamic and interactive element that allows website owners to showcase their products, services, team members, or any other relevant information in a visually appealing and organized manner.

With the Info Box Widget from The Plus Addons for Elementor, you can make a visually appealing infobox/service box carousel in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Info Box 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.

To do this, add the Info Box widget to the page and follow the steps –

1. From the Select Layout dropdown, you have to select Carousel.

2. From the Info Box Style dropdown, select a style.

From the Button toggle, you can add a button in the info box.

3. Then in the Carousel InfoBox section, you have to add the infobox content. By default, you’ll find four items, open one item.

4. Add the infobox title and content in the Title and Description fields as per your requirements.

You can add a link to the infobox from the Link field.

From the Select Icon dropdown, you can add an icon, image, lottie, or SVG image.

In the Button Text field, you can add the button text.

Then in the Button Link field, you can add the button URL. 

Note: You’ll see the buttons only if you’ve enabled the Button toggle.

Then from the Background Image Normal & Hover section, you can add a normal and hover background for the infobox.

You can turn on the Full Infobox Link toggle to get the full Infobox link.

You can repeat the process to edit the other items.

Services box carousel

Click on the + Add Item button to add more infoboxes or service boxes.

You can style the carousel further from the Style tab.

Now, the infoboxs will show in a carousel.

Services box carousel demo
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X