How to set up your Booking Confirmation Page

In this example we will use for your website domain. Replace the domain with your actual website domain and the full path to your confirmation page on your website.

What to do in Hub

  • The first step is to go to the channel in Hub you are setting up your confirmation page.

Select edit channel

Availability API section

Enter your Booking Confirmation URL


  • Enter your full URL you would like booking confirmations to be rendered

App Setting section

  • Enter your App ID if you want it different than the default “booking-confirmation”

Quote Settings section

Enter your url as a new row in the Permitted Referrers section.


  • Save your channel settings

  • Recompile your channel tag

  • Publish your updated channel tag


What to do on your website

  • Now you need to create the page for booking confirmations, add your Hub script, and give it the ID

  • In your website’s CMS (Squarespace, Wordpress, etc.) create a page with the same URL you set in Availability API Settings (example

  • Publish your new page, but be sure to not have it in your navigation

  • Next, add your Hub script to the page with the App ID from your channel’s Booking Confirmation App ID (example “booking-confirmation”)


<div id="booking-confirmation"> <script src="…/bundle.js" type="text/javascript"></script> </div>


  • Save your website page.