How to Add Zootools Viral Waitlist Form in React

• Signup for ZooTools.

• Create a new campaign.

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

//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

• 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)

Share quote

const clickPopup = () => {
      // Pass your waitlist ID
      waitlist.openPopup("YOUR_VIRAL_WAITLIST_ID");
};

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