By adding an online booking link to your website, you make it super easy for your clients to request appointments, anytime, anywhere. No more phone tag or back-and-forth emails; clients can pick a service, choose a time, and send a request in just a few clicks.
Using a "Book Now" button
To add the online booking system to your "Book Now" button, simply use the link from your Digitail account. In Administration - Clinic profile, you’ll find your unique link just below your logo, along with a copy button. Click the copy button, then paste it into your website’s "Book Now" button. That’s all it takes to let patients book appointments online.
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, which 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 it.
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!