Skip to main content
All CollectionsIntegrationsBook Now Widget
Add Booxi's Booking Widget to your website
Add Booxi's Booking Widget to your website

How to generate the required Book now code and where to place each component in your website creation tool

Updated over a week ago

To add Booxi's Book Now widget into your website, follow these steps:

PART 1: Generate the code for your widget

  1. Access our code generator

    1. If your hosting region is North America, click here

    2. If your hosting region is Europe, click here

  2. In the code generator, input the API key associated with your store (to find your API key, go to "My Business" > Business Details > "API key")

  3. Enter any additional fields and/or configure settings as you see fit [optional]

  4. Test your button by clicking "Run"

Familiarize yourself with the different components of the code, as shown here. You will need this in part 2.

PART 2: Insert the code into your website

  1. Navigate to your website creation tool. If you are using any of the below tools, click the link:

    1. Add Booxi's Booking Widget to your Squarespace website

    2. Add Booxi's Booking Widget to your Webself website

    3. Add Booxi's Booking Widget to your Weebly website

    4. Add Booxi's Booking Widget to your Shopify website

    5. Add Booxi's Booking Widget to your Jimdo website

    6. Add Booxi's Booking Widget to your Wix website

    7. Add Booxi's Booking Widget to your GoDaddy website

  2. In the code generator, copy the Book Now library from the head tag and paste it within the head tag of your page.

  3. In the code generator, copy the Book Now configuration code from the body tag and paste it at the beginning of your page's body tag.

  4. In the code generator, copy the button code and paste it in the area you want it to appear.

  5. Test the functioning of the button in your website tool.

Here's a video demonstrating the above steps:

You can fully customize your button; familiarity with Javascript and CSS is required.

Did this answer your question?