Verified review
Common Ninja has amazing no-code widgets that would beautify a website built on any builder. It is very easy to use and customise. It has as many widgets for almost everyone willing to make their website impressive.
Quick add to:
- 200+Platforms supported
- 500K+Businesses using
- <5 minSetup time
- No-codeSetup in minutes
The Common Ninja Scratch Card Maker is a free, no-code digital scratch card builder that adds an interactive prize reveal to any website.
Design the card front, set the hidden prize, customize colors and reveal animation, then paste one line of embed code on 200+ platforms including Canva, Shopify, WordPress, Webflow, and Wix.
Setup runs under 5 minutes.
Why Add a Scratch Card to Your Website?
Drive engagement with an interactive reward
A scratch-and-reveal element invites visitors to interact rather than passively scroll. The tactile reveal moment captures attention and rewards the visit with a tangible payoff: a discount, message, or gift.
Convert browsers into customers
Hide a discount code, free-shipping offer, or limited prize behind the scratch surface. The reveal moment turns a flat banner into a short interactive beat, which is the difference between scrolling past and engaging.
Run promotions, contests, and giveaways
Use scratch cards for product launches, holiday campaigns, loyalty rewards, or event giveaways. Set different prizes per card, schedule expirations, and refresh artwork without redeploying your site.
Capture leads with prize-gated reveals
Optionally require an email address before the prize unlocks. Build your list while delivering a moment of fun, then follow up with the prize delivery in the same flow.
How it works
Design your scratch card
Pick a layout, upload your card-front artwork, and write the hidden prize (text, image, discount code, or link). Choose the reveal animation and brush size in a live preview.
Customize without code
Drag-and-drop colors, fonts, sizing, and overlay messages. Every visual element is editable. No developers, no CSS required for a polished launch.
Paste one line and ship
Copy the embed snippet and drop it anywhere on your site. Future edits push automatically, so changing the prize or the artwork takes one change in the dashboard and no embed-code edit.
What you get with the Common Ninja Scratch Card Maker
Any prize content you want behind the scratch surface
Hide a discount code, a custom image, a coupon link, a piece of HTML, or a short message. Mix and match across multiple cards in one campaign, where each card can reveal something different.
Live preview as you design
Change the card-front color, reveal animation, brush size, or prize image and watch the scratch interaction update in real time inside the editor. No publish-and-pray cycle.
Mobile-first reveal that works on every device
The scratch interaction is built for touchscreens first, with mouse-drag fallback on desktop. The reveal animation, sizing, and prize layout adapt automatically, with no separate mobile build.
Custom CSS escape hatch
When the visual editor runs out, drop in custom CSS for any element. Build unique hover states, animation timing, or pixel-perfect spacing without touching the rest of your site.
Everything in the editor
Set Multiple Prizes with Scratch Card
With the Scratch Card widget, variety is at your fingertips. You have the complete freedom to determine a mix of rewards that resonate with your audience. Choose from an array of different prizes, discounts, and coupons. Every time a visitor interacts with the Scratch Card, they'll be greeted with alternating offers, ensuring a fresh experience each time.
Customize the Scratch Card Cover
Make the Scratch Card truly your own with its customizable features. You're not just limited to the default look; the widget allows you to incorporate your own signature design. By setting your preferred cover image, you ensure that the Scratch Card aligns perfectly with your brand's aesthetics, providing both a consistent and unique touch for your site visitors.
Unveil Your Special Offer with Our Scratch Card!
Dive into an interactive experience right here on your website! Use our Scratch Card widget to reveal exclusive deals and surprises. It’s fun and engaging, and each scratch brings you a step closer to fantastic rewards. Customize it, make it your own, and watch as your website visitors delight in uncovering what awaits them. Don't miss out; the next scratch could be your golden ticket!
Show Prize Information
With the Scratch Card widget, it's not just about the thrill of the reveal. Offer comprehensive details about each prize by setting a distinct image, title, and description. This ensures that every winner knows exactly what they've unlocked, enhancing their experience and creating memorable interactions with your brand. Customize each element to align perfectly with your offerings, ensuring clarity and excitement with every scratch.
Add link to Rewards
Elevate the Scratch Card experience further! Not only can you set an individual image, title, and description for each prize, but you can also incorporate a direct link using a button. This means winners can instantly access or learn more about their prizes. Whether you want to direct them to a product page, a registration form, or a special landing page, it's just one click away, making the journey from winning to redeeming smoother than ever.
Adaptable Display Choices
Harmonized with your website's distinctive design and structure using the Scratch Card widget's adaptable display choices. Whether you envision it greeting visitors upon site entry, subtly placed in a corner, or statically showcased on a specific page, the Scratch Card can be integrated in a way that feels both engaging and organic to your site's flow.
Diverse Color Skins
Infuse a splash of color and vibrancy to your site using the Scratch Card widget's array of diverse color palettes. Pick from an assortment of shades that resonate with your brand's identity, streamlining the design phase and ensuring your site remains visually cohesive. The Scratch Card not only amplifies user interaction but does so in a manner that accentuates your unique branding.
Absolute Design Adaptability
With the Scratch Card widget, the reins to design are entirely in your hands. Each component - spanning colors, fonts, to spacings - can be modified to echo your brand's visual ethos flawlessly. Revel in the autonomy to shape a presentation that fully represents your brand.
Completely responsive
Crafted with adaptability at its core, the Scratch Card widget ensures an impeccable display and performance across all devices. As the world pivots more towards mobile, this feature stands paramount. It guarantees users a consistent and fluid experience, be it on a desktop, tablet, or mobile phone.
Custom CSS Capabilities
The Scratch Card widget caters not just to the everyday user but also to the tech-savvy. If you're adept with coding, the custom CSS option enables you to refine the card's visuals and behavior to the finest detail. This capability provides the pinnacle of customization, ensuring the Scratch Card harmonizes perfectly with your brand and site's aesthetics.
Hassle-Free Website Integration
Embedding the Scratch Card you've artfully designed into your site is a mere matter of copy and paste. What's more, any alterations you effectuate in the widget will instantaneously manifest on your site. This ensures your Scratch Card remains up-to-date and captivating, devoid of any extra manual adjustments.
Also included in the editor
Versatile Card Layouts
The Scratch Card widget aims to meld effortlessly with your site, not detract from it. Numerous design layouts are available, ensuring that the card aligns well with your site's visual and functional aspects. Place it near a sign-up prompt, adjacent to a content highlight, or beneath an enticing header, optimizing for a cohesive and compelling user journey.
Personalized Appearance Settings
Take command of when the Scratch Card widget reveals itself with its customizable timing functions. Choose to present the card immediately as the page is accessed, after a designated time-lapse, or even when a user indicates they're about to depart. This tailored approach provides an upper hand in maximizing user interactions.
Effortless Customization
Crafting your perfect Scratch Card is straightforward with our intuitive dashboard. Say goodbye to complex coding prerequisites - our user-friendly platform empowers you to shape your Scratch Card exactly as you envision, all through a few simple steps. Tailoring your interactive widget has never felt this uncomplicated and accessible.
Easy To Use widget
The Scratch Card Maker is easy to use and requires no coding knowledge. The intuitive dashboard with drag-and-drop customization lets you build, brand, and launch your scratch card in just a few clicks.
Real reviews. Real customers.
Verified
Outstanding service. I use their widgets to help me with my web design business and whenever I need help they are very quick to help.
Verified
Excellent company with excellent service!!! We used it to build a survey, it was very user friendly. The service was perfect. Amit helped us with every problem and question we had, thank you very much!!!
Verified
Common Ninja saved the day when building our website and the customer service Daniel, the co-founder and CEO, provided was amazing.
Quick answers
Yes. The free plan covers a single scratch card widget with no time limit, no credit card, and no trial countdown. Upgrade only when you need more views, premium skins, or advanced lead-capture features.
No. Build and customize the entire card in a drag-and-drop editor, then paste one line of embed code into your site. Most users finish setup in under 5 minutes.
Visitors drag their cursor or finger across the card surface to reveal a hidden prize underneath: a discount code, image, message, or link you set in the editor. The reveal animation runs in the browser with no app install needed.
Yes. Hide any text, image, coupon code, HTML snippet, or external link behind the scratch surface. You can also set different prizes per card and change the reward at any time without re-embedding.
Yes. The scratch interaction is built for touchscreens first, with mouse-drag fallback on desktop. Sizing, animation, and prize layout adapt automatically across phones, tablets, and laptops.
200+ platforms including Canva, Shopify, WordPress, Wix, Webflow, Squarespace, BigCommerce, WooCommerce, Genially, and any custom HTML page that accepts an embed snippet.
Yes. You can optionally gate the reveal behind an email-capture step, so visitors share their email before the prize unlocks. Both the email and the prize claim show up in your widget's analytics dashboard.
How to add Scratch Card to your website
Pick your platform. Each takes under 4 minutes.
- 1In Canva, open the design where you want the scratch card and add an Embed element.
- 2Paste the Common Ninja embed URL into the Embed dialog.
- 3Resize and reposition the card inside your Canva layout, then publish or share.
- 1In Shopify admin, open the page or theme section where you want the scratch card.
- 2Add a Custom HTML block (or paste into theme code where allowed).
- 3Paste the Common Ninja embed code and save. The card is live.
- 1In your WordPress editor, add a Custom HTML or Shortcode block.
- 2Paste the Common Ninja embed snippet into the block.
- 3Update the page. The scratch card renders live and stays in sync with the editor.
- 1In your Netlify CMS markdown or HTML content, add a raw HTML block.
- 2Paste the Common Ninja embed code into the block.
- 3Commit the change. Netlify rebuilds and the scratch card goes live on your next deploy.
- 1In Genially, open the interactive presentation where you want the scratch card and click Insert → Other → Insert HTML.
- 2Paste the Common Ninja embed code into the HTML dialog.
- 3Resize the embed area and save. The scratch card runs inside your Genially canvas.
Compatible With All Site Builders, E-Commerce Platforms and Websites
Explore Related Widgets
Spinning Wheel
Interactive wheel offering rewards to boost user engagement, gather leads and increase conversions.
Quiz Maker
Quiz Maker for easy custom quiz creation and integration.
Countdown
Displays a timer counting down to a specific date or event
Coupon Popup
Promot coupon and discount with a popup
Popup Builder
Easily craft engaging, personalized popups to boost conversions.
Image Poll
Craft interactive, image-based polls with customizable features
FAQ
The Scratch Card widget is an interactive tool that website owners can integrate into their site, allowing visitors to "scratch" a virtual card and win prizes like discounts and coupons.
Embedding the widget is easy. Once you've customized your Scratch Card, you'll be provided with a code snippet. Simply copy this code and paste it into the desired location on your website.
Yes, the widget offers comprehensive design adaptability, from colors and fonts to spacings, ensuring it aligns with your brand's aesthetics.
Not at all! The widget is designed to be user-friendly. While there is an option for custom CSS for those comfortable with coding, most users can design their Scratch Card with just a few clicks.
You can set multiple prizes, discounts, and coupons that will alternate and show when a user interacts with the card.
Absolutely! The widget is optimized for all devices, ensuring a consistent experience whether users are on a desktop, tablet, or mobile phone.
Once they've scratched the card, the prize (e.g., a discount code or a special offer) will be displayed clearly on the card.
Yes, you have personalized appearance settings. You can choose when the Scratch Card appears, be it immediately upon page access, after a certain time, or when a user is about to exit.
This can be customized based on your preferences. You can set it to be a one-time experience or allow users to play multiple times.
Yes, you can easily customize and set your preferred cover image for the Scratch Card, making it align with your brand or promotion's theme.
The widget comes with built-in analytics that allows you to track user engagement, prize redemptions, and more.
Our widget is designed with user privacy in mind and is GDPR compliant. However, always ensure you're transparent with your website visitors about data collection.
If you enable this feature, users can share their prizes on various social media platforms, promoting further engagement.
We offer dedicated support for the Scratch Card widget. If you encounter any issues, simply reach out to our team, and we'll assist you promptly.
Absolutely! The Scratch Card can be customized to offer a variety of rewards, from discounts to exclusive content downloads, based on what you'd like to provide to your audience.
Ready when you are
Launch your scratch card in minutes
Works on 200+ platforms. Trusted by 500K+ businesses.
Create your scratch cardNo credit card · Setup in under 5 minutes