Get a free email migration🎁 Get a free email migration to ZooTools with expert Guidance

  1. Support Guides

  2. /

  3. Referral marketing

  4. /

  5. How to Add Zootools Viral Waitlist Form in React

🎁 Get a free migration🎁 Get a free email migration today!

An email expert will reach outMigrate to ZooTools for FREE with Expert Guidance

How to Add Zootools Viral Waitlist Form in React

Jorge Ferreiro

Updated: Oct 27, 2023

1. Create a Viral Waitlist using ZooTools:

  • Signup for ZooTools.

  • Create a new campaign.

  • On the sidebar click on "Form" to create a new waitlist.

2. Install @zootools/waitlist-js

//if you are using npm
npm install @zootools/waitlist-js

//if you are using yarn
yarn add @zootools/waitlist-js

//if you are using pnpm
pnpm add @zootools/waitlist-js

//if you are using bun
bun add @zootools/waitlist-js

3. Add Viral Waitlist to your react app

  • Import @zootools/waitlist-js

import waitlist from "@zootools/waitlist-js";
  • Call waitlist.openPopup function.

  • And bind this function to button's onClick

🔔 IMPORTANT: MAKE SURE to replace "YOUR_FORM_ID" by your ZooTools waitlist form. You can obtain that in the form link.(e.g: https://form.zootools.co/go/3W11xNMh1uTwIsdgo0Be -> formId is 3W11xNMh1uTwIsdgo0Be)

const clickPopup = () => {
      // Pass your waitlist ID
      waitlist.openPopup("YOUR_VIRAL_WAITLIST_ID");
};
add-viral-waitlist-form-to-react

Have questions?

If you are stuck, or got questions/feedback, feel free to reach out to us on support@zootools.co or contact us now

Ready to sell more with emails?

Request a free migration now or start from scratch.

ZooTools (fmr WaitlistPanda) logo

ZooTools is the SAAS Growth platform with email and referral marketing for small and medium sized businesses to grow organically.

© 2021-2023 ZooTools