Weebly

Implementing Xola buttons in Weebly is extremely simple. This article provides step-by-step instructions on how to integrate the Xola booking buttons on your company website if you are using Weebly to power your website. 


  1. Select Settings from the top navigation.
  2. Select SEO from the left navigation.
  3. Obtain Xola's Global JS code by following the instructions from this article.
  4. Paste Xola's JS code in the header box and select Save in the lower right.
  5. Obtain the checkout button code. Please follow these steps for finding the button code:
    • Login to your Xola account
    • Select Settings > Button Code
    • Under section 3, find the button you would like to link to and click the 'Copy' button to the right of the listing name
    • Button_Code___Xola2.png
  6. Add the custom code section to your Weebly page.
    • Go to the Weebly Home Page while logged in. 
    • Select Edit Site
    • Go to the page where you would like to add a button.
    • Select Embed Code on the left and drag it to where you want your Xola checkout button to be located.
  7. Now we can paste your first button code into Weebly.
    • In the top center of the module that you've just added via drag and drop, double-click Click to set custom HTML.  
    • Select Edit Custom HTML.
    • Paste HTML button code (this will initially show up as blank on your page. However when you publish the page, your button will show on the front end of your site.)
    • Select Publish Page in the upper right-hand corner.
Was this article helpful?
0 out of 0 found this helpful