Skip to content

How to Create an Elementor Flip Box Carousel?

Table Of Content

Setting a Flip Box widget’s Type to carousel mode turns it into a slider of multiple flip boxes, each added as a row in a repeater.

This doc covers the carousel layout switch and its slide direction; front/back content per slide works the same as the single-box doc.

For the full settings tour of the Flip Box widget, see How to Add a Flip Box in Elementor.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Widget to enable: go to The Plus Addons > Widgets, search for Flip Box and turn its toggle on.

Steps

  1. Add the Flip Box widget.
  2. Under Content, set Select Layout to the carousel option.
  3. Add a row to the Carousel FlipBox repeater for each box you want in the slider.
  4. Under Carousel Options, set Slide Direction (left-to-right or right-to-left).
  5. Publish the page.
Type control under layout
Slide direction control under carousel options

Settings Overview

SettingWhat it doesDefault
Select LayoutSwitches between a single flip box and a carousel of them.Single
Slide DirectionSets which way the carousel slides.Left to right

Not verified

So you know exactly what has and has not been checked:

  • The carousel’s slide behaviour and per-slide flip effect were not tested on the front end in this pass – only the controls’ presence was confirmed in the widget’s control model.

Related Docs

Related Frequently Asked Questions

Related Docs