Do you want to create an Elementor flip box carousel? A flip box carousel allows you to display multiple flip boxes in an interactive and engaging way.
With the Flip Box widget from The Plus Addons for Elementor, you can create a flip box carousel in Elementor.
To check the complete feature overview documentation of The Plus Addons for Elementor Flip Box widget, click here.
Best Used For:
- Service-based websites showcasing multiple offerings in a compact carousel format
- Portfolio pages where each flip box reveals project details on hover
- Team introduction sections that display member names on the front and bios on the back
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
To do this, add the Flip Box widget on the page and follow the steps –
1. Select Carousel from the Select Layout section.
2. Then select the appropriate flip type from the Flip Type section.
From the Box Height section, set a uniform height for all the flip boxes. Use this when your flip boxes contain content of different lengths, so all cards appear at the same height in the carousel.
By enabling the Button toggle, you can add a button to all the flip boxes. When enabled, select a button style from the Button Style dropdown.
3. From the Carousel FlipBox section, add content to each flip box. By default, you will find four items. Open one item to begin editing.
4. In the Front Options section, add content for the front side. In the Title Of Flip Box field, enter the title that appears on the front of the flip box.
From the Select Icon dropdown, add an icon, image, lottie, or SVG image to the front side of the flip box.
5. In the Back Options section, add content for the back side of the flip box. In the Description field, enter the text that appears when the flip box is flipped.
In the Text field, enter the button label.
In the Button Link field, enter the URL the button links to.
Note: You’ll see the buttons only if you’ve enabled the Button toggle.
From the Front and Back tabs, set the background for each side of the flip box.
Similarly, edit the remaining items in the same way.
Click the + Add Item button to add more flip boxes.
You can style the carousel further from the Style tab. If you want to control this carousel with an external navigation element, see How to Connect Elementor Flip Box with Carousel Remote.
Your flip box carousel is now ready. For other carousel-style layouts, see How to Create a Vertical Elementor Carousel Slider.
Suggested Reading: How To Add Vertical Flip Box in Elementor?
