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 Booking Widget, is where the appointment-booking happens.
STEP 1: Create the Booking Button(s) or Tab
Multiple buttons can be created and placed in various places on the business website, all which trigger the opening of the Booking Widget. You may also wish to search the Squarespace Support Center for more detailed instructions.
- Create a new booking button or tab
- Configure it as an external link, using '#book-now' as the URL**
- Uncheck the "Open in New Window" option
- Click Apply
**If you utilize the mobile version of the site, make the URL for the external link section in step 2 the following code instead of '#book-now' -
STEP 2: Code Injection
Every business has unique HTML code that has already been created. The specific code snippet is located in the business settings (gear icon) > Online Booking > and scrolling down to Booking Widget. Copy the full code snippet to use for the next step. (This script may already have been provided to you).
In the Home Menu, click Settings > Advanced > Code Injection