Skip to main content
All CollectionsGetting StartedInitial Business Setup
Installing the Self-Booking Overlay: Weebly
Installing the Self-Booking Overlay: Weebly
Alexa Stewart avatar
Written by Alexa Stewart
Updated over a year ago

Overview

To allow customers to book appointments online, a booking button or tab must first be added to the website. After successful installation, clicking this button or tab will trigger a window to slide onto the current webpage. This window called the Self-Booking Overlay, is where the appointment booking happens.

  1. Create the Booking Button(s) or Tab

Multiple buttons can be created and placed in various places on the business website, all of which trigger the opening of the Self-Booking Overlay. You may also wish to search the Weebly Support Center for more detailed instructions.

  1. Create a new booking button or tab

  2. Configure it as a 'Link', using 'https://yourdomain.com/#book-now' as the URL (example: https://blvdtest123.weebly.com/#book-now)

  3. Uncheck the "Open in New Window" option

  4. This will auto-save, you can click out of this section now

2. Code Injection

Every business has unique HTML code that has already been created. The specific code snippet is located in the business Manage Business > Client Experience > Self-booking overlay code. Copy the full code snippet to use for the next step. (This script may already have been provided to you).

In the Build Section, click Settings > SEO

Paste the code into the Header text box, then click Save.

Once the code is injected and saved within the website correctly, clicking the booking buttons should now call the Boulevard self-booking overlay.

Did this answer your question?