All Collections
Integration
Book Now Widget
How to add Booxi Book Now Widget on Shopify
How to add Booxi Book Now Widget on Shopify
Updated over a week ago
  1. Create your Booxi booking widget

Create your Booxi booking widget using the Booxi code generator.

This article provides a tutorial on how to create your Booxi booking widget using the Booxi code generator.

2. Add the code to your Shopify site

  • Login in your Shopify account, and head to your admin screen. 

  • Click on the "Online store" option in the menu on the left-hand side.

  • Choose "Pages" from the menu.

  • Click on the page that you want to add the widget to (or click the "Add page" button to create a new one).

  • On this page, click on the button in the top right-hand corner with this symbol " <>" to switch the editor to html mode.

  • Paste the code you copied in the first section of this tutorial, to the page in Shopify. Make sure not to switch back to the other editor, as this will invalidate the code.

  • Click Save and the widget should show up on your page.

Did this answer your question?