How to Add a Waitlist Form to Bubble

This guide shows you how to add a SmashSend waitlist form to Bubble, so visitors can sign up and then refer other people to move up the queue. It takes a couple of minutes and does not require a developer.

Before you start

You need a SmashSend account and a form. If you do not have one yet, create a free account first.

1. Create your waitlist form in SmashSend

1. Log in to SmashSend.
2. In the sidebar, open Forms and click New form.
3. Add the fields you want to collect. Email is always included.
4. Open the Rewards tab and turn on referrals if you want signups to earn a better position by inviting other people.
5. Click Publish.

2. Copy your form link

Open the form and go to the Integrate tab. Your form is hosted at a public URL that looks like this:

https://smashsend.com/f/YOUR_FORM_KEY

Replace YOUR_FORM_KEY in every snippet below with the key from your own form.

3. Copy the embed code

This is the only code you need. It embeds the hosted form directly, so there is no script to load and nothing to keep up to date.

<iframe
  src="https://smashsend.com/f/YOUR_FORM_KEY"
  title="Join the waitlist"
  width="100%"
  height="640"
  frameborder="0"
  style="border:0;max-width:560px;width:100%;"
></iframe>

4. Add it to Bubble

1. Open your app in the Bubble editor.
2. Drag an "HTML" element onto the page.
3. Paste the embed code into the element's HTML field.
4. Preview the page to confirm the form loads, then deploy to live.

Good to know

Give the HTML element a fixed height of at least 640px, otherwise Bubble collapses it and the form is cut off.

Turn signups into referrals

A waitlist form is more useful when each signup brings more signups. With referrals enabled, every person who joins gets a unique share link, and their position improves as people sign up through it. You can reward the top referrers automatically. See how to create a viral waitlist for the full setup, or read more about referral marketing with SmashSend.

Troubleshooting

• The form does not appear: confirm the page is published, and that you pasted the code into an HTML or code block rather than a rich-text block.
• The form is cut off: increase the height of the embed element to at least 640px.
• Signups are not showing up: check that you are looking at the same form in SmashSend that the key in your embed points to.

Have questions?

If you get stuck, email support@smashsend.com or contact us and we will help you get it working.