How to Add a Waitlist Form to Shopify

This guide shows you how to add a SmashSend waitlist form to Shopify, 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 Shopify

1. From your Shopify admin, go to Online Store > Themes.
2. Click Customize on your live theme.
3. Select the page where you want the form, then Add section > Custom Liquid.
4. Paste the embed code into the Custom Liquid box and click Save.

Good to know

To collect signups before launch, add the form to a dedicated page rather than the storefront home, so you can send traffic straight to it.

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.