Learn about the advanced configurable options for the Booking Widget, including applying a background colour, specifying an end date, adding a tracking ID, selecting a language, and downloading a helper file.
New to the Booking Widget? Read the first article in this series for an introduction to the Booking Widget.
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.
*Customer Languages are not available with the legacy Soho plan.
Where can I find this feature using the top menu?
Manage > Integrations > Website Integrations > Booking Widget
What more do I need to use this feature?
- Ability to copy and paste into your website code or help from a skilled person to do this for you!
Which Checkfront version supports this feature - classic, new or both?
- The Booking Widget 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 ✨
With our newest version of Checkfront, we have added 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.
Showing more optionsBack to top
Click Show more options to reveal additional booking widget settings.
The page expands to display Background color, End Date, Tracking ID, System Language, Customer Language, and Helper file settings.
Choosing a background colourBack to top
Just like the Font Color above, you can also select a colour for the background of your booking portal. The default colour is white (#ffffff), but if you feel adventurous...
Specifying a default booking end dateBack to top
The End Date setting allows you to specify the date selected by default as the end date on the Booking Page. This is most commonly used with the (start) Date, to create a booking span.
For example, if you choose June 1st as the start Date and June 10th as the End Date, then those dates are selected by default within the calendar. This creates a booking span of ten days. Customers can select a different start or end date, but the system continues to enforce those ten days.
If you don't specify a start date, then the system uses today as the start date.
This setting does not configure the last day a Customer can book!
In most cases, we do not recommend setting an End Date.
It is best to configure booking date restrictions at the item or product level:
Adding a Tracking IDBack to top
A Tracking ID is simply a code that can be added to the Booking Widget for future reference. The ID code shows on your invoices, so you know where the booking came from. This is great for tracking advertising campaigns and things like that.
Check out this article on Referral & Campaign Tracking for more information.
Selecting a system languageBack to top
Would you like to display the Booking Widget in a specific language? Simply choose the language from the list of available options within the System Language dropdown menu.
An additional dropdown menu displays if you use Customer Languages. From here, you can choose which of your multiple Customer languages is selected by default on the Booking Page.
Learn more about activating the different available language options here:
Downloading the helper fileBack to top
The Booking Widget is fully responsive. Some older browsers may experience difficulties when it comes to resizing the window. So, you can Download a Helper file from Checkfront to upload to your Web server. The same Web server that hosts your booking page.
The Helper file helps in sizing and performance in older Web browsers!
Finally, specify the Helper file URL and the address where the file is hosted so that Checkfront can find the Helper file.
Almost done! Check out Generating the Web Code, the final article in this series.
< Configuring basic Booking Widget options | Generating Booking Widget code to add to your website >