---
title: "How to Add a Vertical Flip Box in Elementor?"
url: https://theplusaddons.com/docs/add-vertical-flip-box-in-elementor/
date: 2024-05-10
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "By default a Flip Box flips horizontally. Setting Flip Type to Vertical changes the flip axis. This doc corrects a defect found in the previous version of this page -..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-a-Vertical-Flip-Box-in-Elementor_-1-1024x536.jpg
word_count: 269
---

# How to Add a Vertical Flip Box in Elementor?

## 

- The Plus Addons for Elementor requires the Flip Box widget to be installed and activated under The Plus Addons > Widgets before use.
- Flip Type changes the Flip Box axis from the default Horizontal to Vertical under Content.
- The vertical flip effect is not confirmed on the front end in this pass, so the page says to publish and test it on a published page before relying on it.

By default a **Flip Box** flips horizontally. Setting **Flip Type** to **Vertical** changes the flip axis.

This doc corrects a defect found in the previous version of this page - its call-to-action link pointed at the wrong widget (see the notice below).

For the full settings tour of the **Flip Box** widget, see [How to Add a Flip Box in Elementor](https://theplusaddons.com/docs/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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/flipbox/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Corrected in this update

**This doc's link to the Flip Box product page previously pointed at Image Cascading - a different widget - instead of Flip Box.** That has been fixed below; if you bookmarked the old link, please use the corrected one on this page.

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Flip Box** and turn its toggle on.

## Steps

- Add the **Flip Box** widget (or select an existing one).- Under **Content**, set **Flip Type** to **Vertical**.- Fill in the **Front Side** and **Back Side** content as normal.- Publish and check the flip direction on the front end.

![Flip Type control set to Vertical](https://theplusaddons.com/wp-content/uploads/2026/09/flip-box-flip-type.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Flip Type | Chooses the flip axis - Horizontal or Vertical. | Horizontal |

## Not verified

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

- The vertical flip effect itself was not confirmed on the front end in this pass - see the main Flip Box doc's Limitations for why. Test it on your own published page before relying on it.

## Related Docs

- [How to Add a Flip Box in Elementor?](https://theplusaddons.com/docs/add-a-flip-box-in-elementor/)

## Frequently Asked Questions

**Q: Why does a Flip Box need the Flip Type set to Vertical for a vertical flip effect?**
A: Flip Type controls the flip axis, and the default is Horizontal. Switching it to Vertical changes the motion from a side-to-side flip to an up-and-down style flip. In The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH this setting is the key difference between the standard Flip Box behavior and the vertical version. If the box still flips horizontally on your published page, this is the first setting to verify.

**Q: What do I need before adding a vertical flip box in Elementor?**
A: Elementor free has to be installed and active, and The Plus Addons for Elementor needs to be installed and activated too. The widget itself is enabled from The Plus Addons > Widgets by searching for Flip Box and turning its toggle on. That matters because the tutorial assumes the widget already exists in Elementor before you start editing content or changing Flip Type.

**Q: Why isn’t my vertical flip box showing up in Elementor?**
A: The usual blocker is that the Flip Box widget has not been enabled yet. The page says to go to The Plus Addons > Widgets, search for Flip Box, and turn its toggle on. If Elementor free is inactive or The Plus Addons for Elementor is not installed and activated, the widget will not be available either. That makes activation the first thing to check before troubleshooting layout or content.

**Q: Can I use an existing Flip Box instead of creating a new one?**
A: The tutorial allows both paths: add the Flip Box widget or select an existing one. That is useful when you already have a box built and only want to change the flip direction without rebuilding the front and back content. After that, set Flip Type to Vertical under Content so the same widget instance uses the new axis.

**Q: What should I test after publishing a vertical flip box?**
A: The front-end flip direction is what matters, so publish the page and check that it actually flips vertically on the live page. The doc also flags that this vertical effect was not confirmed on the front end in this pass, so testing your own published page is important before relying on it. That warning applies even if everything looks correct inside Elementor.

**Q: Where can I find the full Flip Box settings guide?**
A: The full settings tour is in [How to Add a Flip Box in Elementor](https://theplusaddons.com/docs/add-a-flip-box-in-elementor/), and there is also a [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/flipbox/?utm_source=tpae&utm_medium=docs&utm_campaign=text). This vertical tutorial only covers changing Flip Type to Vertical, while the main doc covers the broader Flip Box widget settings and related limitations.