How Embeds Work
Understanding the iframe embed pattern used by all rsvpscale.in tools.
The iframe pattern
Every rsvpscale.in tool ships as a single iframe pointed at rsvpscale.in/embed/<tool>. Your configuration — colors, copy, plans, layout — is encoded as base64 JSON and passed in the ?c= query param.
// Decoded from the ?c= URL param
{
"title": "Simple, honest pricing",
"plans": [
{ "name": "Free", "price": "$0", "features": ["..."] },
{ "name": "Pro", "price": "$9", "features": ["..."] }
],
"accent": "#1D9E75"
}That means the embed is fully portable. No databases, no API keys, no per-user state — the URL itself is the configuration.
Auto-resize
The companion script embed.js listens for postMessage events from the iframe and resizes its height to match the inner content. No fixed heights, no scrollbars — the widget always fits.
Bubble compatibility
The embed works on every Bubble plan, including Free. All you need is a standard HTML element on your page — no plugins, no workflows, no API connector. The same snippet also works in Webflow, Framer, Carrd, WordPress, and plain HTML.
The full snippet
<iframe
src="https://rsvpscale.in/embed/pricing?c=eyJwbGFucyI6Wy4uLl19"
style="width: 100%; border: 0;"
loading="lazy"
></iframe>
<script src="https://rsvpscale.in/embed.js" async></script>