Last updated: March 2026 Category: Gamification
Overview
The Scratch Card game brings the excitement of physical scratch-off tickets to your mobile app. Displayed as a WebView, customers use their finger to scratch away a cover layer and reveal the prize underneath. It's a tactile, satisfying experience that keeps shoppers coming back.
How It Works
A customer opens the Scratch Card screen or taps a deep link.
A scratch card appears as a WebView overlay with a hidden prize beneath a cover layer.
The customer swipes their finger across the card to scratch off the coating.
Once enough of the surface is revealed, the prize is displayed.
The prize is automatically applied or shared with the customer.
One credit is deducted from their balance.
[Screenshot: Scratch Card interaction in the mobile app]
Setting Up a Scratch Card
Go to Gamification > Games in your admin panel.
Click Create Game and select Scratch Card.
Fill in the game name, description, and set the initial status (Draft recommended).
Define your prize pool. For each possible outcome, configure:
Prize type — Shopify coupon, product, deep link, or no prize.
Label — The message shown when the prize is revealed (e.g., "You won free shipping!").
Probability — The chance this prize is awarded.
Set the play limit (once per day or once per game).
Optionally enable guest access.
Enable test mode to preview, then activate when ready.
[Screenshot: Scratch Card prize configuration in admin panel]
Deep Linking
Direct customers to the Scratch Card using:
Deep link:
beyondcart://scratch-card
Include this link in push notifications, SMS campaigns, or homepage banners.
Key Concepts
WebView Rendering — The scratch card uses a WebView with a canvas-based scratch effect. No native app update is needed to change prizes or visuals.
Reveal Threshold — The prize is revealed after the customer scratches approximately 50% of the card surface.
Prize Pool — All configured prizes and their probabilities make up the prize pool. The system randomly selects an outcome based on your weightings.
Tips
Keep prize messages short and exciting — "20% Off!" works better than lengthy descriptions.
Use scratch cards for time-limited promotions to create urgency.
Include a mix of high-value and low-value prizes to keep things interesting.
Preview every outcome in test mode before going live.
FAQ
Can customers cheat by refreshing the page? No. The outcome is determined server-side when the game loads. Refreshing will not change the result.
How many prizes can I add to a scratch card? There is no hard limit, but we recommend 3 to 6 prize tiers for a clean experience.
Does the scratch animation work on all devices? Yes. The WebView scratch effect is optimized for both iOS and Android devices.
Related Articles