You may have noticed that when customers book an appointment via your booking page, they’ll be taken to a different URL – widget.zenbooker.com/book/ – for the booking process. This is because the system used to generate the booking page is separate from your website. You can, however, create a custom URL such as book.yourwebsite.com, where you can host the full-page HTML booking widget. In this guide, we'll walk you through the steps of how to use a service called Netlify to host and incorporate your booking form.
Using Netlify to Host Your Booking Widget
Netlify is a convenient platform where you can drag and drop a folder containing the full-page html file to get it hosted and achieve the custom URL you're looking for.
To get started, follow these steps:
Go to Online Booking > Embed your Booking Widget > Full Page and click Download HTML page.
Rename your newly downloaded book-online.html to index.html
Create a new folder on your desktop, drag the index.html file into it, and upload it to https://app.netlify.com/drop/
Doing this creates a booking experience that looks like your regular booking page but is now hosted on your domain.
Using the Inline Embedding Feature
If hosting a full-page booking widget on Netlify seems too advanced, you can always use the inline embedding feature. This will generate a booking widget code that you can easily insert into a webpage, giving customers a more seamless booking experience.
We hope this article has helped you understand what's needed to create a custom URL for your booking page. Thank you for reading!