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 triggers a window to slide onto the current webpage. This window called the Self-Booking Overlay, is where the appointment booking happens.
Please Note: Square does not have the ability to edit the website’s source code. If you have multiple locations that should have their own “Book Now” button or want to link a button to a specific service, this can only be accomplished through the full-screen booking page.
Instructions
Open the Quick Access panel
Choose “Online”
Click on “Settings”
Choose “Tracking Tools”
Scroll down to “Add Custom Header Code” and select “Add New Code”
Enter a name for your code: Boulevard Booking Overlay
Paste the code snippet from your Manage Business settings in the text box
Select “<head>” under “Where would you like to place this code?”
Click “Save”
Add a “Book Now” button on the page and link to “External Link”
For the Slide Out Self-Booking Overlay (Single Site Operations Only):
The URL should be your site’s URL, followed by /#book-now. For Example:
If you are on https://abundantsalon.com/, then the URL should be abundantsalon.com/#book-now
If you are on https://abundantsalon.com/about, then the URL should be abundantsalon.com/about/#book-now
Click “Save”
For multiple sites:
Obtain your Business Id and Location Id
Replace the SECTION with the respective Id
Click “Save”
For direct service links:
In the Boulevard Dashboard
Go to Manage Location
Click “Services”
Locate the service you want to link and click on it
Under Sharing Options, choose “Link to this Service via external site”
Copy the link
In Square
Paste the link you copied into the URL section
Click “Save”