Embedding the Alpha Flow Booking Pages into your website

Modified on Fri, 29 Sep, 2023 at 2:53 PM

If you would like to keep customers on your website when they make a booking you can embed the Alpha Flow booking pages into your website, so that booking pages appear as an overlay over your website. 


Currently, it is only possible to use this for the booking pages and not the Registration pages or Web Shop. Please contact the support team if you require registration or the web shop to be embedded.


STEP 1: Go to your page on https://flow.alphatiming.co.uk, click the booking link and copy the page address


STEP 2: Add a script tag to any pages on your website you want the customers to be able to book from, and set the src to https://flow.alphatiming.co.uk/js/embedbooking.js


STEP 3: Add an <a> tag to any pages you want to allow the customer's to book from (make sure you also have the script loaded on that page), and set the src to be the URL you copied in Step 1. It is also good to set the styling so it appears as a button. Finally set the text on the link to be Book Now, or something similar.


When the customer clicks the Book Now button, the link will open the booking page in a full-screen iframe over your website.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article