The Scratch card is a gamified item for Signup Forms. It lets visitors scratch a cover to reveal a discount while signing up.
In this article, you’ll learn how to add and customize a Scratch card in the Form Builder.
Before You Begin
Scratch card is available on the Pro plan and on the Standard plan as a paid add-on. If you're on the Standard plan, you can either upgrade to Pro or purchase the Forms Plus add-on.
For a Static discount, create the discount code in your store before configuring the Scratch card. For a Unique discount, select Unique in the Scratch card settings and configure the discount rules in Omnisend.
Unique discounts in Signup Forms are currently available only for Shopify stores.
Add and Configure a Scratch Card
Step 1. Create or edit a Signup Form
Go to Forms and create a new Signup Form, or open an existing form in the Form Builder.
Step 2. Add the Scratch card item
From the left-side menu, drag the Scratch card item into your form layout.
Select the Scratch card item to open its settings in the right-side panel.
Step 3. Add a discount code
In the Scratch card settings, configure a Static or Unique discount. A Static discount uses one code for every contact. A Unique discount generates a different code for each contact.
Important: Unique discounts in forms are available for Shopify stores only.
Step 4. Upload the Scratch card image
Select the Scratch card item. In the right-side panel, click Upload image under Cover image. Choose the image visitors will see before they scratch the card.
Step 5. Customize the cover
The cover is the first view visitors see. To style it, open the Preview section and select Cover.
You can customize the following settings:
Width: Adjust the cover width.
Border color: Select a color or enter a hex code.
Border width: Adjust the border thickness.
Corner radius: Make the corners more or less rounded.
Step 6. Customize the prize
Select Prize in the Preview section to preview the revealed discount without scratching the card.
Open the Prize section and configure:
Prize text: Enter the message visitors see after scratching.
Font: Select the prize font.
Size: Set the prize text size.
Text color: Select a color or enter a hex code.
Prize background: Select a background color for the revealed prize.
Step 7. Configure the scratching experience
Open the Scratching section to control how visitors reveal the prize.
Brush size: Set the size of the area removed with each scratch.
Percentage to scratch: Set how much of the cover visitors must scratch to reveal the prize.
Step 8. Adjust padding
Open the Padding section and set the spacing around the Scratch card. You can adjust the padding for the top, bottom, left, and right sides.
Step 9. Save and enable the form
Review the Scratch card on desktop and mobile views.
When your Signup Form is ready, click Enable form.
💡 Visitors will see the cover first. They can scratch the card to reveal the prize and use the discount code at checkout.
Choose How to Share the Scratch Card Discount
After configuring the discount, choose how contacts receive it. You can display it in the form’s Success Message after submission, send it through a Welcome Automation Workflow, or use both methods.
Show the Discount in the Success Message
To display the discount after a contact completes the Scratch card interaction and submits the form:
Open the Success step in the Form Builder.
Add the Discount item to the Success Message.
Select Use game discount.
The Success Message displays the discount code after the contact completes the interaction.
Send the Discount Through a Welcome Automation Workflow
To send the discount through an Email, SMS, or Push notification, create or open a Welcome Automation Workflow and add a message.
In the message editor, open Personalization and select Discount code. This adds the following tag: [[event.discount_code]]
The tag displays the discount code generated through the Scratch card or Mystery box. If you also display the discount in the Success Message, the workflow sends the same code.
💡 For the complete setup, see Add Static or Unique Discounts to Signup Forms.
Use Cases
Grow your Contact list: Add an interactive experience to your Signup Form to encourage visitors to submit their contact details.
Offer a signup discount: Let visitors scratch the card to reveal a discount they can use at checkout.
Create a scratch-to-reveal promotion: Present your discount through an interactive reveal instead of displaying the offer as static text.
Offer an alternative to other gamified options: Use Scratch card when you want visitors to reveal a discount by scratching instead of spinning a wheel or selecting a mystery box.
FAQ
Who can use the Scratch card?
Scratch card is available on the Pro plan and on the Standard plan as a paid add-on. If you're on the Standard plan, you can either upgrade to Pro or purchase the Forms Plus add-on.
What do visitors see first?
Visitors always see the cover first. The prize appears after they scratch the required percentage of the cover.
Can I upload my own cover image?
Yes. Open the Cover image section and click Upload image.
Can I change how much visitors need to scratch?
Yes. Open Scratching and adjust Percentage to scratch.
Can I preview the prize without scratching the card?
Yes. In the Preview section, select Prize to style the revealed result without scratching.
Need more help? Contact our Support Team via in-app chat or at [email protected].