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

Updated onApril 9, 2026By

Key Takeaways

  • The Plus Addons for Elementor includes a Pricing List widget that allows users to create a flip box-style pricing list.
  • Users can select 'Simple' from the Style section under the Layout tab to customize the Pricing List widget.
  • The Pricing List widget enables users to set box alignment to Top Left, Top Right, Bottom Left, or Bottom Right.
Table Of Content

Do you want to add a pricing list with a flip box style in Elementor? Adding a pricing list with a flip box style can add a unique touch to your website.

With the Pricing List widget from The Plus Addons for Elementor, you can easily add a flip box-style pricing list in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Pricing List widget, click here.

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

To do this, add the Pricing List widget to the page and follow the steps –

1. Select Simple from the Style section under the Layout tab.

Tpae pricing list simple 1 how to add a flip box style pricing list in elementor? From the plus addons for elementor

2. Then add the content as per your requirements from the Content tab. You’ll find the same content options as available in Modern style.

Note: In the Simple style the description will show on the backside.

Now, when you hover over the pricing list item, it will flip to show the content of the backside.

3. Then, under the Extra Option tab, from the Box Align dropdown, you can set the pricing box alignment to Top Left, Top Right, Bottom Left, or Bottom Right.

You have to add the Pricing List widget multiple times to create more pricing list items.

Pricing list simple demo how to add a flip box style pricing list in elementor? From the plus addons for elementor

Read Further: How to Add Lottiefiles to the Pricing List in Elementor?

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the flip box style isn't displaying correctly?

If the flip box style isn't displaying as expected, ensure that the Pricing List widget from The Plus Addons for Elementor is properly installed and activated. This widget is essential for using the flip box feature. Check your settings in the Layout tab to confirm that 'Simple' is selected under the Style section, as this is necessary for the flip effect to function correctly.

Can I use the flip box style pricing list for services on my website?

Yes, the flip box style pricing list is ideal for showcasing services. It allows you to present pricing in an engaging way, where users can hover to reveal additional details. This interaction can enhance user experience and make your pricing more enticing. For implementation, you can refer to the LIVE WIDGET LINK for a demo.

What alignment options are available for the pricing box?

The Pricing List widget allows you to align the pricing box to four positions: Top Left, Top Right, Bottom Left, and Bottom Right. Choosing the right alignment is crucial for the overall layout and aesthetics of your pricing list. For instance, aligning to the Top Right can create a clean look if your design flows from left to right.

What happens to the description in the Simple style pricing list?

In the Simple style of the pricing list, the description is displayed on the backside of the flip box. This means that when a user hovers over the pricing item, the front will show basic information, while the detailed description will appear on the reverse side. This design choice keeps the front clean and encourages interaction.

How many pricing list items can I add using the Pricing List widget?

You can add multiple pricing list items by inserting the Pricing List widget multiple times on your page. This flexibility allows you to create a comprehensive pricing section that can cater to various products or services. Just ensure that each widget is configured according to your design needs for consistency.

Is there a way to add Lottiefiles to the pricing list?

Yes, you can enhance your pricing list by adding Lottiefiles. This feature allows for animated graphics that can make your pricing list more dynamic and engaging. For detailed instructions on how to incorporate Lottiefiles, check out the guide on how to add Lottiefiles to the Pricing List in Elementor.

Last reviewed: April 9, 2026

Related Docs