How to Add a Flip Box Style Pricing List in Elementor?

Want a pricing list item that flips over on hover to reveal more detail? The Simple style does exactly that.

This doc covers the Simple (flip) style specifically – see the Settings Overview for every other option.

For the full settings tour of the Pricing List widget, see How to Add a Pricing List in Elementor?.

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

Before You Start

• Prerequisite: Elementor (free) installed and active.
• Edition: Pricing List is a Pro widget – it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.
• Widget to enable: go to The Plus Addons > Widgets, search for Pricing List and turn its toggle on.

Steps

1. Add the Pricing List widget to the page.
2. From the Style control, select Simple.
3. Fill in the Title, tag(s) and Price as usual – these show on the front side.
4. Fill in the Description field – this shows on the back side, revealed on hover.

How It Behaves

Confirmed on the front end: hovering the pricing box genuinely triggers a real CSS 3D flip transform, caught here mid-rotation. The front side (tag, title, price) rotates away to reveal the back side (the description text).

Limitations

• Pricing List is Pro-only.
• The description is only visible while hovering (or on tap on touch devices) – it is not shown alongside the front content.

Related Docs

• How to Add a Pricing List in Elementor?
• How to Create a Food Menu in Elementor?