How to Create a Scratch Coupon Card in WordPress?

Key Takeaways

  • Nexter Blocks includes a Coupon Code block that allows users to create scratch coupon cards on their WordPress website.
  • Users can set the coupon card's width and height in the Coupon Code block settings.
  • The Fill Percent For Reveal field lets users define the percentage needed to scratch to reveal the back side content.
Table of Contents

Do you want to create a scratch coupon card in WordPress? Scratch coupons provide a fun, interactive experience for customers, giving them a chance to win discounts or freebies, which can enhance engagement and drive sales.

With the Coupon Code block from Nexter Blocks, you can easily create a scratch 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 Scratch from the Coupon Type section.

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

From the Fill Percent For Reveal field, you can set what percentage the user needs to scratch to show the back side content.

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 backside title.

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

Now users will have to scratch 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 if the Coupon Code block isn't showing up in WordPress?

If the Coupon Code block isn't appearing, ensure that Nexter Blocks is installed and activated. This block is part of the Nexter Blocks suite, and without it, you won't have access to the scratch coupon functionality. You can check your plugins to confirm that Nexter Blocks is active.

How does the Fill Percent For Reveal setting work?

The Fill Percent For Reveal setting determines the percentage of the front side that users need to scratch off to reveal the back side content. This feature adds an interactive element to your coupon, enhancing user engagement. Setting this percentage appropriately can make the experience more rewarding for users.

Last reviewed: April 14, 2026

Related Docs