Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
Locate: Manage > Integrations > Website Integrations > Booking Widget
Prerequisites:
- Admin permissions to manage Integrations.
- Ability to upload a file to your server, familiarity with referral and campaign tracking
In this article, we will cover all your ADVANCED options for configuring the Booking Widget!
Read the full set of articles in this series for a complete understanding of how the integration can be configured and added to your website.
Show More Options
Back to top

Background Color
Back to top
Just like the Font Color above, you can also select a color for the background of your booking portal. The default color is white (#ffffff), but if you are feeling adventurous...
End Date
Back to top
The End Date setting allows you to specify the date selected by default as the End Date in the booking page. This is most commonly used in combination 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, those dates will be selected by default within the calendar. This will create a booking span of 10 days. Customers can select a different start or End date, but the system will continue to enforce that 10 day span.
If you don't specify a start Date, the system will use today as the start Date.
![]() |
This setting does not configure the last day a Customer is able to book! In most cases, we do not recommend setting an End Date. It is best to configure booking date restrictions at the item-level: |
Tracking ID
Back to topA Tracking ID is simply a code which can be added to the booking portal for future reference. The ID code will show on your invoices so you know where the booking came from specifically. This is great for tracking advertising campaigns and things like that. Check out this article on Referral & Campaign Tracking for more information.
Language
Back to top
If you'd like to display the booking portal in a specific language, simply choose it from the list of available options.

The booking portal you are about to embed in your webpage 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, the address of the server, so that Checkfront can find the Helper file.
Almost done! Check out Generating the Web Code the final article in this series.
< Booking Widget: Configuration Options | Booking Widget: Generating the Web Code >