Embed Teazee

Add interactive scratch-to-reveal experiences to any website — no iframe needed. Just copy, paste, done.

⚡ How It Works

1

Create a Teazee

Upload a photo and pick an overlay

2

Copy the embed code

Paste your share code below

3

Paste in your site

Works on any HTML page, blog, CMS

Live Preview

👇 This is exactly how a Teazee looks when embedded on a website

https://yourbrand.com/summer-campaign

Summer Campaign 2026

Published on February 7, 2026 · 3 min read

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Loading your surprise...

✨ Scratch to Reveal

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

All code snippets below auto-update with your code. A real demo code is prefilled so the copied examples work immediately.

Embed Code

Open this direct test page to verify the Teazee loads before embedding it elsewhere.

Test Link
https://share.teazee.app/EmbedTeazee?code=CCNF1FG1TCMA2JCK

Test note

Do not test the embed by opening a local file:// HTML file directly. Use the Test Link above, host the file online, or run it through a local web server.

Add this snippet to any HTML page. The widget is always responsive — data-teazee-size sets the max width in pixels (default 400). On smaller screens it scales down automatically.

HTML
<!-- Teazee Embed Widget -->
<div data-teazee-code="CCNF1FG1TCMA2JCK" data-teazee-size="400"></div>
<script src="https://base44.app/api/apps/69547eab7196ef6f2c2d9754/functions/teazeeWidgetJs"></script>

💡 data-teazee-size

This sets the maximum width of the widget in pixels. The widget will never be larger than this, but it will shrink on smaller screens. For example, data-teazee-size="400" means "up to 400px wide".

No iframe — works everywhere!

This widget loads directly on the page via a script tag. No iframe restrictions, no CORS issues. Works on WordPress, Wix, Squarespace, Shopify, custom HTML, and any website.

📊 Embed Analytics

  • ✓ Embed Views — tracked when the widget loads
  • ✓ Reveals — tracked when a user scratches to reveal
  • ✓ Works anywhere — any HTML page, blog, CMS, or email landing page

✅ Best Practices

  • • Place the embed above the fold for best engagement
  • • Use data-teazee-size="400" for desktop
  • • Automatically responsive on mobile
  • • Only include the script tag once per page

💡 Use Cases

  • • Brand campaign pages
  • • Product launch announcements
  • • Partner website integrations
  • • Blog posts and newsletters

Questions? Reach out to partnerships at Teazee for enterprise embedding solutions.