Scratch Cards for Squarespace

The fastest way for creatives, freelancers, and small brands with portfolio sites to add a scratch card to a Squarespace site. AI-powered, fully customizable, mobile-friendly.

Start Your Squarespace Scratch Card Browse Templates

Trusted by 10,000+ marketers

Scratch Cards are one of the highest-converting elements you can add to a Squarespace site, and yet most sites skip them because the setup is fiddly. Embeddable changes that: Works on Squarespace 7.1 and 7.0 (Personal plan and above for Code Blocks) Build with AI, embed in minutes, edit anytime. Especially useful on Squarespace for prize giveaway campaigns — where the native elements simply don't go far enough.

Scratch Card Templates for Squarespace

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 Squarespace with Embeddable

Everything you need to ship a polished scratch card on Squarespace — 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.

Fluid Engine compatible

Behaves like any other Squarespace block in the Fluid Engine grid — drag, resize, and align with the rest of your design.

Email gate before reveal

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

Mobile preview matches reality

What you see in the Squarespace mobile preview is what visitors see. The widget adapts to whatever container width you give it.

Built for Squarespace prize giveaway campaigns

Tuned specifically for Squarespace sites running prize giveaway campaigns. The scratch card embeds cleanly via squarespace 7.1 includes a code block that accepts 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 Squarespace

How to Embed on Squarespace

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

1
Open your Squarespace site editor
Log into Squarespace and click Edit on the page where you want to add the widget.
2
Add a Code Block
Hover where you want the widget and click the + to add a block. Scroll the block menu to More and select Code.
3
Paste your Embeddable snippet
In the Code Block editor, make sure the language is set to HTML, then paste your Embeddable code. Toggle Display Source off so it renders as a widget, not as raw code.
4
Resize within the Fluid Engine grid
Drag the Code Block's edges to size it correctly. The widget inside is responsive, so it'll adapt to whatever container width you pick.
5
Save and publish
Click Save at the top-right. Your changes go live on your published Squarespace site immediately.