Webflow Scratch Card Builder (AI-Powered)

Custom Scratch Card widgets for Webflow, generated by AI. Drop the embed snippet into your site and you're live.

Create a Scratch Card for Webflow Browse Templates

Trusted by 10,000+ marketers

If you're one of the designers, agencies, and SaaS marketing teams running a site on Webflow, you've probably hit the wall on what the platform's built-in elements can do. Renders inside Webflow's responsive breakpoints — desktop, tablet, mobile landscape, mobile portrait That's where Embeddable comes in: an AI-built scratch card you can drop into your Webflow site without installing a plugin or paying for another app. Common pattern on Webflow: drop this Scratch Card into a page focused on email capture incentives and watch the engagement metrics climb.

Scratch Card Templates for Webflow

Choose a template and customize it with AI, or start from scratch and build exactly what you need.

1. Classic Scratch Card

Traditional scratch card with realistic scratch effect. Perfect for discount reveals and prize games. Fully editable through CMS.

2. Discount Scratch Card

Scratch card optimized for discount code reveals. Collect emails before revealing codes. Fully customizable.

Our Widgets Work Anywhere

Fully compatible with any website platform, yours included.

Why Scratch Cards on Webflow with Embeddable

Everything you need to ship a polished scratch card on Webflow — without the friction of plugins, app stores, or subscriptions.

Touch + mouse scratch

Natural drag-to-scratch on phones and tablets, click-and-drag on desktop. Both feel right; both register reveal events.

Works with IX2 interactions

Trigger Webflow animations on the parent div, scroll-based reveals, and hover states. The embedded widget doesn't interfere with surrounding interactions.

Email gate before reveal

Optional email capture step before the scratch starts. Submissions sync automatically to Mailchimp, Klaviyo, HubSpot, or any webhook.

CMS Collection compatible

Drop the embed into a Collection template page, or bind CMS field values directly into the embed code for per-item widget content.

Built for Webflow email capture incentives

Tuned specifically for Webflow sites running email capture incentives. The scratch card embeds cleanly via webflow's embed component lets you drop arbitrary html and matches your existing design.

Weighted prize logic

Single prize, weighted random pool, or rule-based prizes that depend on the visitor (e.g., bigger discount for first-time buyers).

Build Your Custom Scratch Card for Webflow

How to Embed on Webflow

Once you've built your scratch card, embedding it on Webflow takes about 5 minutes.

1
Open your Webflow Designer
Log into Webflow and open the project + page where you want to add the widget.
2
Drag in an Embed component
From the left Add Elements panel, find the Embed component (under Components / Advanced). Drag it onto your page where the widget should appear.
3
Paste your Embeddable code
The Embed component opens an HTML editor. Paste your Embeddable snippet directly. Click Save & Close at the top-right of the editor.
4
Style the surrounding container
Wrap the Embed in a div block and apply Webflow styles for spacing, max-width, and responsive behavior. The widget inside is already responsive, but the outer container controls how it sits in your layout.
5
Publish the site
Click Publish in the top-right and select your domain. The widget is live as soon as the publish completes.