If you require your website developer to add the booking system to your website, please direct them to this help article and provide them with your chosen Online URL as shown below.
The link to your online booking system can be found in Settings > Online Booking > Online Booking Overview under the General section.
You can copy the URL by selecting the copy button to the right of the URL.
It's also possible to create direct booking links for particular locations, services and practitioners. Click here to learn more about direct booking URLs.
Now that you have the URL for your online booking site, there are two options for adding the URL to your website:
Directing patients to the standalone online booking page
Embedding your online booking system on an existing webpage
Directing patients to the standalone online booking page (most common)
If you do not wish to embed your online booking page in an existing webpage, you can instead choose to link directly to it. This will direct the patient away from your website to the online booking page.
This method will require your website developer to attach your online booking URL to an 'online booking' button that is easily discoverable on your website.
Embedding your online booking system on an existing webpage (more complex)
It is possible to embed your online booking site onto another page on your website, though this setup is more complex and may limit your ability to track online booking conversions with Google Analytics, Google Tag Manager and Facebook Pixel.
First, you must enable embedding of the booking website in Settings > Online Booking > Overview.
Select Add and enter your website domain(s) that you will be embedding the booking website on.
Select Save to finalise your changes.
Once you've added your domains to the list, use the code snippet below to embed your online booking system on an existing page on your website.
Note: You must replace YOUR_PRACTICE with your chosen name in the online booking URL. This must be done in all 3 places shown below.
<div id="ob-iframe-container">
<iframe id="ob-iframe" src="https://YOUR_PRACTICE.bookings.pracsuite.com/" height="800px" width="100%"></iframe>
<script type="application/javascript" src="https://YOUR_PRACTICE.bookings.pracsuite.com/static_js/embed.js"></script>
<link type="text/css" rel="stylesheet" href="https://YOUR_PRACTICE.bookings.pracsuite.com/css/embed.css" />
</div>