We recommend having a dedicated button or separate page on your website only for bookings. You can embed the online booking system using that button or that separate page.
If this seems difficult, don't worry; contact us, and we can connect you with your website developer and set it up for you!
Using a "Book Now" button
To add the online booking system to the back-end of the "Book now" button, you only need to add the link from your Digitail account.
Just head straight to Administration - Clinic profile, and below your logo, you can find your unique link and a copy button. Clicking on that button will copy the link to your clipboard, and then you can paste it on your website.
Using an embed and a separate page on your website
You can use the embedded version if you want to keep your booking system in the same place as your website.
Embedding the Booking Widget
From your Clinic's Admin page, you can copy your embed code, that you can paste on your website.
This option embeds only the Booking Widget (marked with the green border below), not the entire Online Booking page.
This option is ideal if you already have the other information on your website (such as contact details, team etc), and you don't want to duplicate them.
Customizing Colors
With the embeddable widget, you can also customize the colors of the widget. You can overwrite the existing purple (used for titles and links) and the red/pink used for the buttons.
Instructions for updating the colors
Instructions for updating the colors
You can ask your web developer for help on this, but here are some quick steps on how to find the current colors and replace them.
This is how you can check the colors used for different elements in the Booking Widget:
You then can replace these colors using query params. For example, if you want to replace the color used for the "Appointment Booking" title, you will need to
https://vet.digitail.io/clinics/YOUR-CLINIC-NAME?widget&blue=NEW_COLOR
For your new colors, you can use any of the following formats:
blue=ff0000 - HEX color without #
brand=darkblue - named colors
orange=%23ff0000 - HEX with encoded #
The colors used in our widget are BLUE (for titles and links) and RED (for the buttons).
Embedding the entire Online Booking page
You can also embed the entire page (as displayed above). This option is recommended if you have a very simple website
To do that, follow these steps:
Copy your online booking system link to your clipboard using the instructions above (the link format should be something like this: https://vet.digitail.io/clinics/YOUR-CLINIC-NAME)
Paste the link between the quotes in the next HTML code:
<iframe style="
display:block;
height:100vh;
width:100%;
margin:0 auto;
" src="your_link_here"></iframe>Share this HTML code with your website developers, and they can add it for you
or contact us - we are here all the way!