All Collections
Getting Started
Initial Business Setup
Installing the Self-Booking Overlay: WordPress
Installing the Self-Booking Overlay: WordPress

To allow customers to book appointments online, a booking button or tab must first be added to the website.

Will Patterson avatar
Written by Will Patterson
Updated over a week ago


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.

  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 Support Center for more detailed instructions.

  1. Create and label the booking button or tab

  2. Check "Link Target" and add '#book-now' as the URL

  3. Uncheck "Open link in a new tab"


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 Wordpress, add the script into the active theme Header.php file (if you're having trouble finding your Header.php, reference Option 2 in this link). This is usually done by going to Appearance > Editor > Select Theme > header.php > Paste script into the head tag between both <head> lines. If unsuccessful, look for a custom CSS & JS plugin. Be sure to title the addition.


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

For more details, see the specific article from Wordpress.

Did this answer your question?