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

Table of Contents

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.

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

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

1. Select Modern from the Style section.

pricing list modern style

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.

pricing list modern style demo

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs