How to Implement Your Online Booking Platform on Your Website

Step 1: Get the Link to Your Online Booking Platform

Before adding the "Book now" button, you need to obtain the URL to your online booking platform:

Log in to your Pabau account and in the left sidebar menu, go to Setup, then click on " Online Booking" under Services.



Click on Customize, go to the Promote tab, and open the "Booking portal" sub-tab.

Copy the URL displayed on this page; you'll use it for the button.
 
You can also use the URL to add it to communication templates or email newsletters.

Step 2: Implementing the "Book Now" Button

Depending on your website setup, there are two ways to proceed:

For Custom Code Websites: If your website is custom-built, you'll need to add a line of code to your website's body. Use the following code:

This code creates a button that, when clicked, redirects clients to your online booking platform.

For Content Management System (CMS) Websites: If your website uses a CMS, implement a Button component with the link to your online booking platform as the directory.

Using Pabau's Custom Buttons

Pabau offers pre-styled buttons with additional customization options. Here's how to use them:

1. In the Promote tab of the Online Booking settings, go to the Button sub-tab.
2. Highlight the desired button and click on "View instructions" to adjust the behavior of the button if desired.

With that done, now it's time to implement the button itself. In the "Copy Embed Code" menu, you'll find the code for the button.


Start by copying the code from the second box. If your website is custom code, paste it where you'd like the button to be, or if your website is CSM, put it in an HTML component.

Then, copy the content of the first box, and paste it after the "<div id="pabau-book-now">" in the first code. The final result should look like this:

With these steps completed, you've successfully integrated the "Book now" button, providing a seamless booking experience for your clients. 

 

---