BubblePricing
Build beautiful pricing tables and embed them in your Bubble app.
Overview
BubblePricing renders polished, conversion-tested pricing tables you can drop into any Bubble page. It handles the billing toggle, the "Most Popular" badge, and the CTAs — all without a single Bubble workflow.
Features
- Monthly / yearly billing toggle with savings indicator
- Highlighted "Most Popular" plan
- Custom accent colors to match your brand
- Up to 4 plans side-by-side, responsive on mobile
- CTA button per plan with custom link
- Auto-resize — never any awkward scrollbars
How to use
- 1
Go to rsvpscale.in/tools/bubblepricing
Open the live builder in your browser.
- 2
Add your pricing plans
Up to 4 plans with name, price, features, and CTA link.
- 3
Customize colors and style
Pick an accent color, toggle the billing switcher, mark the popular plan.
- 4
Click "Get Embed Code"
We generate the iframe snippet with your config baked into the URL.
- 5
Copy the iframe snippet
One click — it's on your clipboard.
- 6
Paste into Bubble HTML element
Drop an HTML element on your page, paste, save. Done.
Embed code example
<iframe
src="https://rsvpscale.in/embed/pricing?c=<your-config>"
style="width: 100%; border: 0;"
loading="lazy"
></iframe>
<script src="https://rsvpscale.in/embed.js" async></script>Notes
Configuration options
| Field | Type | Description |
|---|---|---|
| title | string | Headline shown above the plans. |
| subtitle | string | Optional secondary line. |
| plans | Plan[] | Up to 4 plan cards. |
| billingToggle | boolean | Show monthly/yearly switcher. |
| accent | string (hex) | Primary brand color. |
| popularIndex | number | Which plan gets the Most Popular badge. |