/referral-marketing/guides/add-waitlist-form-to-react
This guide shows you how to add a SmashSend waitlist form to React, 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.
You need a SmashSend account and a form. If you do not have one yet, create a free account first.
Log in to SmashSend. In the sidebar, open Forms and click New form. Add the fields you want to collect. Email is always included. Open the Rewards tab and turn on referrals if you want signups to earn a better position b
Open the form and go to the Integrate tab. Your form is hosted at a public URL that looks like this: Replace in every snippet below with the key from your own form.
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.
Create a component file, for example WaitlistForm.jsx. Paste the component below into it. Import and render anywhere in your app. Good to know The same component works in Next.js, Remix, Gatsby, Astro and Vite. There is
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 t
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
If you get stuck, email support@smashsend.com or contact us and we will help you get it working.
