Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
- 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 needed to access Integration and Layout settings.
OverviewBack to top
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:
The Customer Booking Page can also be accessed via the Staff-side of Checkfront by selecting the Customer Booking Page under the Customer menu within the top menu.
Book Now ButtonBack to top
Copy your Hosted Customer Booking Page URL or generate Booking Button Code to place within your website.
- URLBack to top
Copy this URL to add to your Website or communications, so that Customers can directly access your hosted Customer Booking Page.
- ButtonBack to top
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.
- Button ColorBack to top
Select a Button Color from the available drop-down list. By default the Button display in Dodger Blue.
- Button TextBack to top
Specify the Button Text displayed. The default text is Book Now.
- Button LinkBack 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.
- Discount CodeBack to top
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.
- Tracking IDBack to top
Add a Tracking ID to the URL to track bookings initiated from this page.
- DateBack 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 on the Button.
- Button codeBack to top
Copy this code to add a Book Now Button to your Website!
Supported ArgumentsBack to top
You can pass further information (arguments) via the URL of your booking page that will alter the layout or products shown. For example, to preselect a Category you can use:
Arguments must be passed in a standard name-value pair syntax, separated by an ampersand and URL encoded, for example:
- category_idBack to top
Uses the numeric category ID (Inventory > Categories) e.g.: category_id=6
In this example, choosing to display category_id=3 would show the customer products from the Activities category only.
Multiple categories should be comma-separated.
For example, category_id=6,11 will display both the Activities and Rentals categories.
- item_id (product)Back to top
Uses the the numeric product ID (Inventory > Products) e.g.: item_id=117
In this example, choosing to display item_id=117 would show the customer the Kayak Rentals product only.
In this case, item_id refers to the product ID as illustrated in the screenshot above. Please continue to use the item_id argument for pointing to products!
- popupBack to top
To enable the ability to directly book an 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=117&popup=1
|Just to change the subject for a second, you can, in a similar manner, direct your customers directly to the customer account login modal. To do this, use the URL:
- dateBack 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).
- start_date & end_dateBack to top
Display a specific date range. ISO 8601 format (e.g.: start_date=2020-07-01&end_date=2020-07-14 or start_date&enddate=+5days).
- tidBack to top
Create a tracking id to be displayed on the invoice (e.g. tid=winter-email)
- options=tabsBack to top
Display categories as tabs (options=tabs) rather than a drop-down menu.