Skip to main content

Using the Booking Widget and Hosted Booking Page for Partners

Use the Booking Widget and Hosted Booking Page to empower partners to book easily.

Learn how to generate Booking Widget code for Partner websites and how to attribute Hosted Booking page bookings to Partners.

New to Partner accounts? Please read the first article in this series: Introduction to Partner Accounts.
 

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

Learn more about Staff and Customer accounts

Looking for information on Staff or Customer accounts? Check out the following articles:

 

Accessing the features mentioned in this article


Where can I find this feature using the top menu? 

  • Account URL > Log into Partner account > Integrations
     

What more do I need to use this feature?

  • Admin permissions to manage User Accounts.
  • One or more Partner accounts, created and assigned.
  • Partners (or their Website Developers) with access and skills to add code to a Website.
  • Our Android and iOS mobile apps do not support Partner Accounts. Partners must access accounts using their desktop or mobile browsers. 
     

Which Checkfront version supports this feature - classic items, classic products, or both?

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

 

Generating Booking Widget code for Partners

Back to top

Booking widget setup page showing options to customize display, font, and date settings before generating embed code.

  1. Once you have configured commission rates, the next step is to set up a Partner to make bookings attributed to their Partner account.
    • If the Partner has a website, they can embed our Booking Widget directly on their page, just like you have probably done on your website. Go to the Integration menu from within the Partner's account. From here, partners can generate the code to add to any website platform.
    • If the Partner uses a specific platform, such as WordPress, they can select it from the left sidebar to generate the appropriate code.

 

Booking widget interface displaying generated HTML code for embedding and instruction to copy and paste it into a webpage.

2. After customizing the booking portal’s features and appearance, click Generate Code. This code should be copied and pasted into the relevant web page where your Partner wants the booking portal to appear.

3. The system assigns each vendor a unique Partner ID when the vendor creates their account. Once the system generates the embed code, this number appears in the code. The Partner ID ensures Commissions apply to the appropriate vendor. This number matches the Account ID displayed to Admins in the Partner Accounts list (Manage > User Accounts).

 

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

Learn more about the Booking Widget

For a detailed look at the Booking Widget, check out the following article series:

 

Attributing Hosted Booking Page bookings to Partners

Back to top

Browser address bar showing example booking URL with partner ID parameter highlighted in red.

In addition to the Booking Widget, Partners can also use the Hosted Booking Page to make a reservation.

To do this:

  1. Add your hosted booking URL and the Partner ID as shown above. 
  2. You can then add the link to the Partner's website or communications so bookings can be made directly through that extended URL.

This Partner ID matches the Account ID displayed to Admins in the Partner Accounts list (Manage > User Accounts).

 

Next Steps

In the following article, we examine the commission breakdown in the Booking Invoice.

 

< Setting up commissions for Partner Accounts     |     Viewing the commission breakdown from the booking invoice >

 

 

Related to