Skip to main content

Configuring advanced Booking Widget options

Fine-tune how your Booking Widget looks and behaves by configuring its advanced options.

Learn about the advanced configurable options for the Booking Widget, including applying a background color, specifying an end date, adding a tracking ID, selecting a language, and downloading a helper file.
 

Callout icon of a cap and certificate, indicating additional learning resources.

New to the Booking Widget? 

Read the first article in this series for an introduction to the Booking Widget.

 

Accessing the features mentioned in this article


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

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

 

Showing more options

Back to top

Booking widget settings screen showing arrow pointing to the Download Helper File link for sizing and performance in older browsers.

To reveal additional settings for the Booking Widget, follow these steps:

  1. Go to Manage > Integrations > Website Integrations > Booking Widget.
  2. Click the Show more options link to open the advanced settings section.

 

Booking widget settings screen with arrow pointing to the Select System Language dropdown menu.

  1. The system expands the page to display Background color, End Date, Tracking ID, System Language, Customer Language, and Helper file settings.

 

Choosing a background color

Back to top

Booking widget settings screen with arrow pointing to the Show More Options link to expand additional customization fields.

Just like the Font Color set at the top of the page, you can also select a color for the background of your booking portal. The default color is white (#ffffff), but if you feel adventurous, you can select a different color.

  1. Go to Manage > Integrations > Website Integrations > Booking Widget.
  2. Select a color from the Background color using the color picker.

 

Specifying a default booking end date

Back to top

Booking widget settings screen with arrow pointing to the specify end date field where users can select a calendar date.

The End Date setting lets you specify the default end date in the generated widget. Operators most commonly use this setting with the (start) Date setting to create a booking span. If you don't specify a start date, the system uses today's date.

  1. Go to Manage > Integrations > Website Integrations > Booking Widget.
  2. Enter or select an End Date using the calendar date picker.

For example, if you choose June 1st as the Start Date and June 10th as the End Date, those dates are selected by default in the calendar, creating a ten-day booking span. Customers can select a different start or end date, but the system continues to enforce the ten-day limit.

 

Callout icon of a bell, indicating alert.

Consider setting date restrictions at the item or product level instead

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 ID

Back to top

Booking widget full settings page showing available customization fields, including discount code, font, date, background, end date, tracking ID, and language options.

A Tracking ID is simply a code that you can add to the Booking Widget for future reference. The ID code appears on your invoices, so you know where the booking originated. This feature is great for tracking advertising campaigns and similar activities.

  1. Go to Manage > Integrations > Website Integrations > Booking Widget.
  2. Enter your Tracking ID in the field of the same name.
     
Callout icon of a cap and certificate, indicating additional learning resources.

Learn more about referral tracking

For a detailed look at referral and campaign tracking, check out the following article:

 

Selecting a system language

Back to top

Booking widget settings screen showing a color picker with arrow pointing to Choose Background Color.

Would you like to display the Booking Widget in a specific language? Choose the language from the list of available options within the System Language dropdown menu.

  1. Go to Manage > Integrations > Website Integrations > Booking Widget.
  2. Open the System Language dropdown.

 

Booking widget settings screen with arrow pointing to the Add Tracking ID field for tracking bookings initiated from the widget.

  1. 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.

 

Callout icon of a cap and certificate, indicating additional learning resources.

Learn more about languages

For a detailed look at activating the different available language options, check out the following article series:

 

Downloading the helper file

Back to top

Helper File

The Booking Widget is fully responsive. Some older browsers may have difficulty resizing the window. 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!

  1. Go to Manage > Integrations > Website Integrations > Booking Widget.
  2. Download the Helper file using the Download link at the bottom of the page.
  3. Enter the Helper file URL where you have hosted the file so the system can find it.

 

Next Step

Almost done! Next, check out the final article in this series on how to generate Booking Widget code.

 

 

< Configuring basic Booking Widget options    |     Generating Booking Widget code to add to your website >

 

 

Related to