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.

Accessing the features mentioned in this article

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 items, classic products, or both?

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

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. 

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

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.

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

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

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

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.

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

Learn about tracking bookings here: Google Analytics: Setup in Google

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.

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 >