Embedding the waitlist

Drop your AppMate waitlist into any web page — landing site, Notion, Framer, Webflow — with a single <iframe>.

Get the snippet

1. Open the app in the dashboard → 📥 Waitlist.
2. The Embed code panel near the top has the iframe ready to copy. Pick a height preset (Compact / Standard / Tall).
3. Paste into your HTML.

Side-by-side: code + live

The iframe on the right is the same iframe the snippet below produces — paste the code into your own page and you get exactly that. Submitting it joins the real AppMate Pro waitlist, so you can test end-to-end.

<iframe
  src="https://signup.appmate.cloud/embed/waitlist/appmate-pro"
  loading="lazy"
  style="border:0; width:100%; max-width:480px; height:440px;"
  title="Join waitlist"
></iframe>

Form, optional legal note, success state with optional CTA — same as the standalone waitlist page, plus a small Powered by AppMate footer that links to appmate.cloud.

Theme + accent + font carry through

Whatever you picked in the editor's Landing page design panel applies to the embed too:

• Theme — minimal renders a clean white card; gradient adds soft accent + sky blobs INSIDE the card; dark flips to a dark card with white text + accent glow; side_by_side falls back to a compact card (iframes are too narrow for a two-column split).
• Accent color — tints the submit button + the success-screen CTA.
• Title font — Playfair / DM Serif / Inter Tight / JetBrains Mono apply to the headline.
• Form layout— "inline" tucks the button inside the input pill on desktop (collapses to stacked on phone).

Transparent variant (no card)

Append ?transparent=1 to the iframe URL — or tick the Transparent (no card)checkbox in the dashboard's Embed code panel — to drop the card chrome entirely. The form sits directly on whatever the host page shows through. Useful when your site already wraps the iframe in its own branded container and you don't want a second border+shadow stacked inside.

<iframe
  src="https://signup.appmate.cloud/embed/waitlist/your-app?transparent=1"
  loading="lazy"
  style="border:0; width:100%; max-width:480px; height:440px;"
  title="Join waitlist"
></iframe>

Theme accents, fonts, and form layout still apply when transparent — only the card background + border are removed.

Tips

Use loading="lazy" so the iframe doesn't block your page render. Set max-width so it doesn't stretch on wide pages.