Free Trial Signup

Articles in this section

Introduction to your Hosted Customer Booking Page

Learn how the Hosted Customer Booking Page works, including generating a Book Now button and the supported URL arguments that can be added.

 

Which plans include this feature?

Legacy:  Soho, Pro, Plus, Enterprise, Flex
New:  Starter, Growth, 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 prerequisites are there?

  • 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?

  • The Hosted Customer Booking Page feature is available to both those using items (Inventory > Items), a key feature of our classic version of Checkfront, and those using products (Inventory > Products), a key feature of our newest version of Checkfront.

 

Products

New to Checkfront - Products ✨

With our newest version of Checkfront, we have added P=products (Inventory > Products) as the successor to items (Inventory > Items).

Are you interested in migrating to our newest version? Please reach out to our Technical Support team for more information.

 

Hosted Customer Booking Page Overview

Back to top

Our hosted Customer Booking Page is a quick and secure way to accept bookings without needing a website or additional setup.

Just add the link provided to your website to direct Customers to your secure booking page.

This link is available by default on your account by adding /reserve/ to your Checkfront URL, for example: 

  • https://example.checkfront.com/reserve/

 

Note

The Customer Booking Page can also be accessed via the Staff-side of Checkfront by selecting Customer Booking Page under the Customers menu within the top menu.

Do not append the ?staff-booking portion of the URL when linking to the Booking Page from your website.

  • https://example.checkfront.com/reserve/?staff-booking

 

Configuring the Book Now Button

Back to top

Hosted Booking Page URL and Code

Copy your Hosted Customer Booking Page URL or generate Booking Button Code to place within your website. 

 

Your Hosted Customer Booking Page URL

Back to top

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

 

Previewing the button

Back to top

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

Back to top

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

 

Specifying the button text

Back to top

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

 

Getting button code

Back to top

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

Back to top

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

Back to top

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

 

Learn More

Learn about tracking bookings here:

 

Specifying a default date

Back to top

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

Back to top

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

 

Supported Arguments

Back to top

You can pass further information (arguments) via the URL of your booking page that alters the layout or items/products shown. For example, to preselect a Category, you can use:

  • https://example.checkfront.com/reserve/?category_id=

Arguments must be passed in a standard name-value pair syntax, separated by an ampersand and URL encoded, for example:

  • https://example.checkfront.com/reserve/?date=2020-12-24&tid=promo1 

 

category_id

Back to top

Numeric category ID (Inventory > Categories or Inventory > Products) e.g.: category_id=3

  • https://example.checkfront.com/reserve/?category_id=3

 

Category Items

In this example using items, choosing to display category_id=22 shows only the Customer items from the Events category.

 

Category ID

In this example using products, choosing to display category_id=6 shows only the Customer products from the Activities category.

Multiple categories should be comma-separated. For example, category_id=2,6 displays both the Tours and Activities categories for items.

  • https://example.checkfront.com/reserve/?category_id=2,6

 

item_id

Back to top

Numeric item or product ID (Inventory > Items or Inventory > Products) e.g.: item_id=1

  • https://example.checkfront.com/reserve/?item_id=1

 

Category Item ID

In this example using items, choosing to display item ID 132 shows the Customer the Tournament item only.

 

Product ID

In this example using products, choosing to display item ID 117 shows the Customer the Kayak Rentals product only.

 

popup

Back to top

To enable the ability to directly book an item or product and go straight to the popup booking window, add this argument to the hosted booking page URL along with the item ID, e.g., item_id=1&popup=1

  • https://example.checkfront.com/reserve/?item_id=1&popup=1

 

Category Popup

 

Suggestion Just to change the subject for a second, you can, similarly, direct your Customers right to the Customer account login modal. To do this, use the URL: https://example.checkfront.com/reserve/?login=1. Just make sure you replace the demo account pre-fix with your account!

 

date

Back to top

Fast forward to a specific date. ISO 8601 format (e.g. date=12-24-2020) or a date string (date=Friday, date=Next%20Friday, date=First%20Monday%20of%20next%20month).

  • https://example.checkfront.com/reserve/?date=2020-12-24
  • https://example.checkfront.com/reserve/?date=Next%20Friday
  • https://example.checkfront.com/reserve/?date=First%20Monday%20of%20next%20month

 

start_date & end_date

Back to top

Display a specific date range. ISO 8601 format (e.g., start_date=2022-07-01&end_date=2022-07-14).

  • https://example.checkfront.com/reserve/?start_date=2022-07-01&end_date=2022-07-14

 

Hosted Date Range

tid

Back to top

 

Create a tracking id to be displayed on the invoice (e.g. tid=winter-email) 

  • https://example.checkfront.com/reserve/?tid=winter-email 

 

discount

Back to top

Automatically apply a discount code (Inventory > Discounts) to the booking.

  • https://example.checkfront.com/reserve/?discount=december

Apply a discount code to a specific item (e.g. item_id=3&discount=december)

  • https://example.checkfront.com/reserve/?item_id=3&discount=december

 

language

Back to top

Display the booking page in a specific system language using abbreviations (e.g. lang_id=fr).

  • https://example.checkfront.com/reserve/?lang_id=fr

Make sure the language (Manage > Languages) you are specifying is enabled for your account!

 

options=tabs

Back to top

Display categories as tabs (options=tabs) rather than a dropdown menu.

  • https://example.checkfront.com/reserve/?options=tabs

Booking Page Tabs

 

 

options=hidedates

Back to top

Hide the date fields on the booking page.

  • https://example.checkfront.com/reserve/?options=hidedates

 

options=%2Chidesearch

Back to top

Hide the search field on the booking page.

  • https://example.checkfront.com/reserve/?options=%2Chidesearch

 

If you want more customization options, including changing the look and feel of the booking page, please look at our website plugins.

 

 

Related articles