---
title: "How to Create an Elementor Flip Box Carousel?"
url: https://theplusaddons.com/docs/elementor-flip-box-carousel/
date: 2024-05-10
modified: 2026-08-11
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-an-Elementor-Flip-Box-Carousel_-1024x536.jpg
word_count: 467
---

# How to Create an Elementor Flip Box Carousel?

## 

- The Plus Addons for Elementor Flip Box widget creates a flip box carousel in Elementor, and the post says it is part of The Plus Addons for Elementor and must be installed and activated.
- Carousel FlipBox starts with four items by default, and the Box Height section sets a uniform height so cards with different content lengths appear the same height in the carousel.
- Front Options and Back Options let each flip box show a Title Of Flip Box, an icon, image, lottie, or SVG image on the front, plus Description, button text, and Button Link on the back.

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](https://theplusaddons.com/docs/add-a-flip-box-in-elementor/).*

**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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-flipbox/)

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](https://theplusaddons.com/docs/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](https://theplusaddons.com/docs/vertical-elementor-carousel-slider/).

***Suggested Reading***: [*How To Add Vertical Flip Box in Elementor?*](https://theplusaddons.com/docs/add-vertical-flip-box-in-elementor/)