How to Create a Scratch Coupon Card in WordPress?

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.

coupon code scratch 2

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.

coupon code scratch demo 1

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs