Hosted Customer Booking Page

---

Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
Locate:

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

Prerequisites: 

• Available by default on your account! Admin permissions are needed to access Integration and Layout settings.
• 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.

 

New to Checkfront - Products ✨ Products (Inventory > Products) is the successor feature to (Inventory > Items) and is available in our newest version of Checkfront. Not yet on our newest version and interested in upgrading? Please contact our Technical Support team for more information. Discover more product-related help articles here: Products (New).

 

---

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

Simply 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/

 

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

 

---

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 that 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 display 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 Customer's bookings that are processed through that URL or button.

 

Add a Tracking ID to the URL to track bookings initiated 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 on the button.

 

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

 

---

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 

 

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

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

 

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

 

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

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

 

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

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

 

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

 

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

 

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

 

 

Just to change the subject for a second, you can, in a similar manner, 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 own account!

 

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

 

---

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

 

 

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

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

 

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

 

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!

 

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

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

 

 

Hide the date fields on the booking page.

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

 

Hide the search field on the booking page.

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

 

If you are interested in more customization options including changing the look and feel of the booking page, then please have a look at our website plugins.