Skip to main content
All CollectionsOnline Bookings & Your Booking WidgetGeneral Installation
Different Booking Widgets and Basic Installation Instructions
Different Booking Widgets and Basic Installation Instructions
Kevin avatar
Written by Kevin
Updated over 9 months ago

Implement the booking Widget on your business website in various styles and formats. You can customize your widgets aesthetics including colour, design, presentation and more right from the online booking page. Navigate to the left side bar menu, select Settings, then Online booking.

Open the Widget Look and Style Customization and observe Widget View

There are 3 different styles that you can add in the book button onto your website:

1. Custom Book Button (Inline)

A custom button you can place anywhere within the code of your site

Book-an-appointment-button

2. Floating Book Button

A hovering book button that stays fixed on your website as customers scroll up and down on your website

custom-book-appointment-button

3. Embedded Book Button

Have the schedule already opened up and ready to book in a section of your webpage

Basic Widget Installation


After making the selection on what kind of widget you would like to implement on your website, you may now navigate down to the bottom of the page and retrieve the code. This code needs to be added to the website using an "Embed Code" element. Most modern website builders have some version of this element to use when editing pages. If you require assistance in adding the code to your website please give our support team a call. chat or email.

Support Email: support@yocale.com

Support Number: 1-855-996-2253

Support Chat: Logged in your Yocale account, icon bottom right corner.

Floating Book Button Code Example (do not use for your own website use)

Inline Widget Code Example (do not use for your own website use)

NOTES:


When using Inline Widget, you must copy both the top code and the "widget-placeholder" code. Place this widget-placeholder code where you want the inline widget to open up. This means you can have the code somewhere on the page but open the widget somewhere else in the page.

For additional assistance:

Support Email: support@yocale.com

Support Number: 1-855-996-2253

Support Chat: Logged in your Yocale account, icon bottom right corner.

Did this answer your question?