Configuring the Book Now button for the Hosted Customer Booking Page

Learn how to configure the Book Now button for the Hosted Booking Page to copy the Hosted Booking Page URL.

Are you new to the Hosted Booking Page? Please read the first article in this series for an introduction to our Hosted Booking Page integration.

Which plans include this feature?

Legacy: Soho, Pro, Plus, Enterprise, Flex
New: Growth (Subscription), Growth (Online Booking Fee), Managed
→ Learn more about our new plans or how to change your plan.

Where can I find this feature using the top menu?

Configure: Manage > Integrations or Manage > Layout > Booking Page
Access: Via URL or Staff-side from Customers > Customer Booking Page

What more do I need to use this feature?

Available by default on your account! Admin permissions are needed to access Integration and Layout settings.

Which Checkfront version supports this feature - classic, new or both?

This feature is available in both our classic version using items (Inventory > Items) and our newest version using products (Inventory > Products). → Learn more about products

Configuring the Book Now Button

Hosted Booking Page URL and Code

The URL and Button Link options let you either copy your Hosted Customer Booking Page URL or generate Booking Button Code to place within your website.

Your Hosted Customer Booking Page URL

Copy this URL to add to your Website or communications so that Customers can directly access your hosted Customer Booking Page.

Previewing the button

This button is displayed so you can visualize how the button appears on the Customer Booking Page. The button updates to reflect any changes to the subsequent Button settings.

Customizing the button color

Select a Button Color from the available dropdown list. By default, the button displays in Dodger Blue.

Specifying the button text

Specify the Button Text displayed. The default text is Book Now.

Getting button code

Click on Get code to populate the Button code field at the bottom of the page with updated code to reflect your custom selections.

Adding discount code to your URL or button code

Optionally add a Discount Code to your URL or booking button code so that a discount is applied to the Customer's bookings processed through that URL or button.

Adding a tracking ID to your URL

Add a Tracking ID to the URL to track bookings created from this page.

Learn about tracking bookings here:

Google Analytics: Setup in Google

Specifying a default date

Fast forward to a specific date by specifying the Date on which you would like the Customer to land when they follow the URL or click the button.

Copying the book now button code

Copy this code to add a Book Now button to your Website.

Next, we look at using arguments to extend the Hosted Booking Page functionality.

< Introduction to your Hosted Customer Booking Page | Linking to your Hosted Customer Booking Page using supported arguments >

Articles in this section