How Add Zootools' Viral Waitlist Form to Bubble

Jorge Ferreiro

Updated: Oct 27, 2023

TABLE OF CONTENTS

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. Copy the below Embed Code snippet

<script async src="https://cdnjs.waitlistpanda.com/embed/web/index.min.js" charset="utf-8" defer></script>

<a href="https://form.zootools.co/go/YOUR_VIRAL_WAITLIST_ID" data-waitlist-id="YOUR_VIRAL_WAITLIST_ID" style="background-color: #FFCC66;color: black;border-radius: 8px; padding: 10px 16px; text-decoration: none;">
  Receive updates
</a>

3. Adding the embed Code to your bubble app:

Drag and drop html element
Double click on html element on your canvas
Paste the embed code into html editor. (Note: You can customize the appearance of the button as needed)

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