Skip to content

How to Add a Flip Box in Elementor?

Table Of Content

The Flip Box widget shows a front side (usually a title and an icon) that flips to reveal a back side (usually a description and a button) when a visitor interacts with it.

This doc covers the basic single-box setup; see the related docs for vertical flip, carousel mode and Carousel Remote sync.

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 to your page.
  2. Under Layout, keep Type set to its default single-box mode unless you want the carousel mode covered in the Carousel doc.
  3. Under Front Side, set the Title and choose an icon.
  4. Under Back Side, set the Description and optionally turn on a Button.
  5. Publish the page.
Type control under layout
Title field under front side
Description field under back side

Settings Overview

SettingWhat it doesDefault
TypeSwitches the widget between single-box and carousel layout.Basic
TitleThe front side’s heading text.The Plus
DescriptionThe back side’s body text.(placeholder text)
Flip TypeChooses the flip direction (horizontal or vertical).Horizontal

Limitations

  • This doc does not confirm the flip-reveal effect itself works. Two attempts to build a test fixture with real front/back content did not reliably reflect the settings on the front end (see Not verified below), and a third, time-boxed attempt through the actual Elementor editor could not be confirmed either. The controls documented here are read from the widget’s own control model and source code, not from watching the flip happen.

Troubleshooting

The back side never appears

This is exactly the behaviour this doc could not confirm working in testing (see Limitations). Check the browser console for JavaScript errors, and confirm Flip Type and Type are set as you expect before assuming the widget itself is broken.

Not verified

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

  • The flip-reveal effect on hover or click – not observed on the front end in this pass, after two fixture-construction attempts and one editor-UI attempt.
  • Carousel mode and Carousel Remote sync (see the related docs).
  • Free vs Pro control split.
  • Style tab (Front Icon, Front Title, Back Description, Back Button, Background Options).

Related Docs

Related Frequently Asked Questions

Related Docs