Skip to main content
All CollectionsIntegrationsBook Now Widget
How to integrate Booxi to your website
How to integrate Booxi to your website

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

Updated yesterday

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

  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

    1. Feel free to test your button by clicking "Run"

  4. Navigate to your website creation tool

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

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

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

  8. 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?