Embedding Waitwhile on your website makes it easy for customers to join your waitlist, book appointments, or view their spot in line without leaving your site.
Ways to embed Waitwhile on your website
There are four (4) ways you can add Waitwhile to your website:
Add a button to your website
Iframe Waitwhile into your website
Leverage our embed scripts to add the registration flow to your website
Use your own registration flow and send data to Waitwhile using our API
Follow this guide to integrate Waitwhile seamlessly into your website.
Embedding via link or button
You can also add a button or hyperlink to redirect customers to your Waitwhile page.
Steps to add a link or button
Create a button or link: Use HTML to add a clickable button or link on your website to allow customers to join.
Go to Location settings > Registration > Embed and copy the code snippet to your HTML page to generate a button to join.
Customize the Text and Style: Update the button text and style to match your branding.
Using an Iframe
You can embed Waitwhile as an Iframe to display your waitlist or booking page directly on your site.
Steps to embed using Iframe
Get your Waitwhile link: Go to Location settings > Registration > Embed and copy the code snippet to your HTML page to display an Iframe with the registration flow within your website.
Add the Iframe Code to Your Website
Adjust the Dimensions: Modify the
widthandheightvalues as needed to fit your website design.
Using our embed scripts
Our JavaScript embed widgets offer two flexible ways to integrate Waitwhile's registration flow or status page into your website:
1. Inline embedding
Seamlessly displays the registration flow directly on your webpage
Automatically adjusts height as content changes
Perfect for dedicated booking pages or when Waitwhile is a central feature of your page
2. Modal embedding
Opens Waitwhile in an overlay when triggered by user action, e.g. a button click
Keeps users on your current page while accessing Waitwhile features
Ideal for adding "Book Now" or "Join Queue" buttons anywhere on your site
Compared to using our Iframe embed feature, there are a few notable differences:
Vertical responsiveness: As the embedded content changes, so does the height of the widget
Modal widget: Open the registration flow in a modal - this was not possible previously (the button opened the registration flow in a new window)
Embed status page: It allows for embedding the status page rather than the whole registration flow, if preferred. Read more in the technical documentation
Pass data back and forth: Ability to e.g. display all available languages in the footer. Read more in the technical documentation
To get started
Navigate to Location settings > Registration > Embed
Select the "Embed script" tab
Choose your preferred embedding method and follow the implementation instructions in the technical documentation
For detailed implementation guides, visit:
Inline embedding: https://waitwhile-embed.web.app/guides/inline-embedding/
Modal embedding: https://waitwhile-embed.web.app/guides/modal-embedding/
API Integration
For advanced customizations, you can use the Waitwhile API to embed and manage waitlists or bookings programmatically.
When to use this option
If you want full control over the design and functionality.
If you need to integrate Waitwhile with other systems or workflows on your website.
Visit our Developer Hub for API documentation.
Have additional questions or need assistance? Reach out to us via chat or at support@waitwhile.com.