How to Create a Peel Off Discount Code Card in WordPress?

Key Takeaways

  • Nexter Blocks offers a Coupon Code block that allows users to create a peel-off coupon code card on their WordPress website.
  • Users can set the coupon card width and height from the Width and Height sections in the Coupon Code block.
  • The Coupon Code block enables users to add content to both the front and back sides of the card, selecting from Text or Pattern options.
Table of Contents

Are you looking to create a peel-off discount code card in WordPress? Offering discounts or coupon codes is an effective way to boost sales, and interactive peel-off cards add a fun, engaging experience for customers while making your offer more visually appealing.

With the Coupon Code block from Nexter Blocks, you can easily create a peel off coupon code card on your WordPress website.

To check the complete feature overview documentation of the Nexter Blocks Coupon Code 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 Coupon Code block to the page and follow the steps –

1. Select Peel from the Coupon Type section.

You can set the coupon card width and height from the Width and Height sections, respectively.

2. You have to add the content of the card’s front side from the Front Side tab. 

From the Content Type section, you have to select the content type. Here you’ll find two options – 

  • Text – To add normal content.
  • Pattern – To add content using a WordPress pattern.

Select the option as per your requirements, let’s select Text here.

In the Content field, you can add the text content. 

3. Then, from the Back Side tab, you have to add the content of the card’s back side.

Similar to the front side tab, you have to select the content type from the Content Type section.

  • Text – To add normal content.
  • Pattern – To add content using a WordPress pattern.

Select the option as per your requirements, let’s select Text here.

In the Title field, you can add the card’s back side title.

Then, from the Description field, you can add the description for the card’s back side.  

Now, users will have to peel off the front side content to see the back side content.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 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.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if the Coupon Code block isn't showing up?

If the Coupon Code block isn't appearing, ensure that you have installed and activated Nexter Blocks. This block is specifically part of Nexter Blocks, and without it, you won't be able to create a peel-off discount code card. Check your plugins list to confirm its status.

What are the best practices for setting the dimensions of the coupon card?

When setting the dimensions for your coupon card, consider the overall layout of your webpage. Use the Width and Height settings to ensure the card is visually appealing and fits well within your design. A common practice is to keep the card proportionate to other elements on the page to maintain balance.

Does the peel-off card work with other themes besides Nexter Theme?

The peel-off discount code card is designed to work with the Nexter Theme, as it is built within the Nexter Blocks ecosystem. While it may function with other themes, optimal performance and features are guaranteed when using it with Nexter Theme, which is optimized for Gutenberg.

How can I customize the back side content of the coupon card?

To customize the back side content of the coupon card, navigate to the Back Side tab in the Coupon Code block settings. Here, you can select the content type and add a title and description. This allows you to tailor the message to encourage users to peel off the front side for more information.

Last reviewed: April 14, 2026

Related Docs