All Collections
Integration
Book Now Widget
How to add Booxi Book Now widget on Webself
How to add Booxi Book Now widget on Webself
Updated over a week ago
  1. Sign in your Webself editor, and go on the page where you want to add the book now button.

2. Click on the section ‘’+ ADD’’ and select the option ‘’Script’’ in the Tools Sections.Click on it, and drop down it on the desired section.

3. This pop will appear:

4. To generate the code that you’ll past on this pop up:

  • You’ll need your booxi API Key.Here’s how to find it:Go on My Business tab, and then on the section Business Details. Scroll down to the section API Key and copy the code.

  • Then go to this page and use the Widget Generator to create the script:

In the section API Key, paste the code you’ve just copied.
Select the language which you want the text to appear on the button, and select the option ‘’External Popup’’. Then you can customize the text of the button if you want to. Finally click on the button ‘’ Generate the code’’ : a code is generated on the right side.

5. Copy the code generated in the section ‘’Widget Code’’.

6. And go back to the Editor in Webself.

In the pop-up Script, scroll down to the section ‘’Content code between <body> and </body> tags. Paste the Widget code you’ve just copied.

7. Go back to the booxi code generator and copy the code in the Widget Container section.

8. In the Webself Editor, paste the code in the first section ‘’Code Content’’.
9. Once again go back to your booxi generator, and copy the code in the section ‘’Book Now Button’’. For example, copy the English one.

10. And finally go back to the Webself Editor and paste the code you’ve just copied in the section ‘’Content code between <head> and </head> tags.

11. Click on the Update buttons, and then on Save and you’re done.

Your customers can now book appointment directly from your Webself website.

Did this answer your question?