---
title: "How to Add a Flip Box Style Pricing List in WordPress?"
url: https://nexterwp.com/docs/add-a-flip-box-style-pricing-list-in-wordpress/
date: 2024-12-11
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add a pricing list with a flip box style in WordPress? Flip box pricing list not only showcases your pricing options in a visually appealing way..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Flip-Box-Style-Pricing-List-in-WordPress_-1024x519.jpg
word_count: 264
---

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

## Key Takeaways

- Nexter Blocks includes a Pricing List block that allows users to create a flip box style pricing list in WordPress.
- Users can select between horizontal and vertical flip directions for the Pricing List block's hover effect.
- The Modern style of the Pricing List block displays the description on the backside when hovered over.

Do you want to add a pricing list with a flip box style in WordPress? Flip box pricing list not only showcases your pricing options in a visually appealing way but also adds an interactive element that can attract and hold visitors’ attention.

With the Pricing List block from the Nexter Blocks, you can easily add a flip box style pricing list in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Pricing List block,* *[click here](https://nexterwp.com/docs/add-infobox-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-list/)

To do this, add the Pricing List block to the page and follow the steps -

1. Select **Modern **from the **Style** section.

From the **Box Align** section, you can adjust content alignment.

2. Then from the Hover Effect section select the flip direction. Here you’ll find two options - 

- **Horizontal** - To create a horizontal flip box style.

- **Vertical** - To create a vertical flip box style.

3. After that, add the content as per your requirements. You’ll find the same content options as available in Simple style. 

> *Note: In the Modern style, the description will show on the backside.*

From the **Style** > **Background Options** tab, you can add different backgrounds, borders, box shadows, and border radius for the front and backside.

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

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

## Frequently Asked Questions

**Q: What should I do if the Pricing List block isn't showing up in WordPress?**
A: If the Pricing List block isn't visible, ensure that you have Nexter Blocks installed and activated. This block is part of the Nexter Blocks suite, and without it, you won't be able to access the flip box style pricing list feature. Check your plugins to confirm that Nexter Blocks is active.

**Q: Can I use the Pricing List block for services other than pricing?**
A: The Pricing List block is designed primarily for showcasing pricing options, but you can customize the content to display services or features in a visually appealing way. The flip box style adds interactivity, making it suitable for highlighting different offerings or plans effectively.

**Q: What is the best way to style the flip box for better visibility?**
A: To enhance visibility, use the Style > Background Options tab to customize backgrounds, borders, and box shadows. A contrasting background color for the front and backside can make the flip effect more engaging. Additionally, consider adjusting the border radius for a smoother appearance, which can improve the overall aesthetic.

**Q: Are there any limitations when using the Pricing List block?**
A: One limitation is that you need to add the Pricing List block multiple times to create more pricing items. Each instance is independent, meaning you have to configure each one separately. This can be time-consuming if you have many pricing options to display, so plan your layout accordingly.

**Q: Does the Pricing List block support mobile devices?**
A: The Pricing List block is designed to be responsive, meaning it should work well on mobile devices. However, always preview your design on various screen sizes to ensure that the flip effect and content display correctly. This is crucial for maintaining a good user experience across all devices.