How to embed our Online Bookings on your site

Overview

We have developed our Online Booking widget to have customisable branding in order for it to appear like it belongs on your site. This will enhance your patient experience, since patients will be able to check out your site and book their appointment from the one place. Here's how to embed your Online Bookings on your site.

Before you begin the below exercise you need to whitelist your website in order for the widget to work.
Steps

1. Have your site content manager paste the following string of code wherever you would like your Online Booking widget to appear on your site.
   

   <iframe id="core-widget" src="https://www.corepractice.is/practices/site-name/?widget=true&autoresize=true" data-autoresize="true" width="100%" height="1000px" frameborder="0" scrolling="no"></iframe>
   
   

2. Swap the site-name section in the source for your own site name. This is the bit of your URL just before the ".corepractice.is" part. For example, my practice's URL is "https://macdental.corepractice.is/" so my site-name is "macdental".
   
   

3. Have your site content manager paste the following string of code at the very end of your site; just before the </body> tag.
   
   <script type="text/javascript" src="https://www.corepractice.is/Scripts/widget/client.js"></script>
   
   

4. Have your site content manager adjust the height of the widget (found in the iframe string) to something that better suits your page. This is especially important if you wish to limit the amount of scrolling that your patients have to do within the widget.

If you have any other concerns or questions, please do not hesitate to click on the yellow HELP button and chat with us. We'll more than happy to assist you!