The Acuity Booking Bar displays a call-to-action bar at the top of your website, and includes a button that opens your Client's Scheduling Page. The Booking Bar can be displayed on your entire site or just a single page.
To add the booking bar to a single page, add the embed code to a regular HTML or embed widget on that page.
To add the bar to your entire website, you'll need to embed the code for the bar to display on every page; often this can be done in the "footer" area of your site builder.
You can find your Booking Bar embed code right here, and here are instructions for some specific site builders: Squarespace, Wix, WordPress.
Customizing the Booking Bar
To change the color of the booking bar, head to Customize Appearance and change the Button/Accent color:
Fonts and other styles generally appear as the default for your own website. To update the wording, just look for the words you'd like to change in the embed code itself, and update 'em.
Screenshots
desktop example
mobile example
Squarespace
For Squarespace, we'll add the Booking Bar into the Footer section:
Wix
For Wix, the code needs to be added in the Site Manager section of your Wix account.
WordPress
For WordPress, we'll use a handy plugin to add the Booking Bar into the page footer:
*Pro tip: The booking bar will show at the top of your webpage. If you want it on the bottom that can be done by adding CSS in addition right after the code used to embed the booking bar: