---
title: "How to Add a Flip Box Style Pricing List in Elementor?"
url: https://theplusaddons.com/docs/add-a-flip-box-style-pricing-list-in-elementor/
date: 2024-06-21
modified: 2026-04-09
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-5-2-1024x536.jpg
word_count: 238
---

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

## 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.

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](https://theplusaddons.com/docs//add-a-pricing-list-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/elementor-price-list/)

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.

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Simple-1.gif)

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.

![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-simple-demo.gif)

***Read Further***: *[How to Add Lottiefiles to the Pricing List in Elementor?](https://theplusaddons.com/docs//add-lottiefiles-to-the-pricing-list-in-elementor/)*

## Frequently Asked Questions

**Q: What should I do if the flip box style isn't displaying correctly?**
A: 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.

**Q: Can I use the flip box style pricing list for services on my website?**
A: 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](https://theplusaddons.com/elementor-widget/elementor-price-list/) for a demo.

**Q: What alignment options are available for the pricing box?**
A: 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.

**Q: What happens to the description in the Simple style pricing list?**
A: 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.

**Q: How many pricing list items can I add using the Pricing List widget?**
A: 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.

**Q: Is there a way to add Lottiefiles to the pricing list?**
A: 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](https://theplusaddons.com/docs//add-lottiefiles-to-the-pricing-list-in-elementor/).