Skip to main content

How to Create a Scratch Card Campaign

Turn any popup into a scratch-to-reveal experience using Wisepops' multi-step campaign feature.

Written by Lisa Fockens
Updated today

While Wisepops doesn't have a native scratch card element, you can recreate the same effect — and the same excitement — by combining a teaser step with a button, followed by a reveal step showing a coupon or reward.

What you'll build

Your campaign will have two steps:

  • Step 1 — The tease: A popup with a scratch card visual and a "Scratch here" button

  • Step 2 — The reveal: A second popup step that appears after the click, showing the coupon code or reward

ℹ️ Why this works

The moment of clicking the button mimics the gesture of scratching. Pair it with the right visuals and copy, and visitors get that same dopamine hit — without any custom code.

This type of campaign works especially well for: welcome discounts, flash sales, loyalty rewards, and seasonal promotions.

Step-by-step instructions

Step 1 — Create a new campaign

Go to your Wisepops dashboard and click New campaign

Step 2 — Design the first step (the tease)

This is the "scratch card" face — what visitors see before they interact.

Recommended layout:

  • A headline like: 🎰 You have a hidden offer waiting

  • A subheadline: "Scratch to reveal your discount"

  • A scratch card image or a simple textured/gold background block (you can upload a custom image or use a background color)

  • A button placed prominently below, labeled: 🤞 Scratch here or Reveal my discount

💡 Design tip

Use a gold or silvery background color on your popup or image block to suggest a scratch card surface. You can find free scratch card texture images on sites like Freepik or Unsplash.

Keep the button large and centered — it's the main call to action on this step.

Step 3 — Link the button to the reveal step

This is the key step that makes the campaign feel like a scratch card:

  • Click on the "Scratch here" button in Step 1

  • In the button settings panel, set the action to: "Show next step" to create a second screen within the same campaign.

When a visitor clicks the button, they'll be taken directly to the reveal screen — no page reload, no redirect, just an instant in-popup transition that mimics the scratch reveal moment.

Recommended layout for the reveal step:

  • A celebration headline: 🎉 Congrats! Here's your reward

  • A Coupon block — drag it from the block panel and paste in your discount code

ℹ️ About the Coupon block

The Coupon block in Wisepops displays your code in a styled, easy-to-copy format. You can configure it to show a static code or integrate with your coupon pool.

You can also replace the coupon with any other block — a free shipping message, a gift reveal, a video, or a form — depending on your campaign goal.

Step 4 — Configure display rules and targeting

Set up your targeting to control who sees the campaign and when:

  • Trigger: On page load, after X seconds, or on exit intent

  • Audience: New visitors, returning visitors, or a specific segment

  • Frequency: Show once per session or once per user (recommended — you don't want the same person to see it twice)

  • Pages: Homepage, product pages, or all pages depending on your strategy

💡 Pro tip — limit impressions

Set the campaign frequency to "Once per user" to preserve the surprise. Seeing a scratch card twice breaks the illusion.

You can also combine this with a segment like "Users who haven't purchased yet" to target only new potential buyers.

Step 5 — Preview and publish

  • Click Preview to test both steps and make sure the transition works

  • Verify that the coupon code displays correctly on Step 2

  • Click Publish when you're happy

Variations and ideas

Once you have the basic flow working, here are a few ways to take it further:

Variation

How to do it

Mystery gift

Replace the coupon block with a text block announcing a free gift (e.g. "You've won free shipping on your next order")

Spin-the-wheel alternative

Use 3 steps instead of 2 — Step 1 teases, Step 2 shows a "spinning" animation image, Step 3 reveals the reward

Email capture before reveal

Add an email form as Step 2 ("Enter your email to scratch"), then show the coupon in Step 3 — great for list building

Seasonal skin

Reskin the same campaign for Black Friday, Christmas, Valentine's Day — just swap the image, headline, and coupon code

Did this answer your question?