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.
- Select Settings from the top navigation.
- Select SEO from the left navigation.
- Obtain Xola's Global JS code by navigating to Settings > Button Code in your Xola account and copying the javascript code in Step 1.
- Paste Xola's JS code in the header box and select Save in the lower right.
- Obtain the checkout button code. Please follow these steps to find the button code:
- Login to your Xola account
- Navigate to Settings > Button Code
- Under Step 2, choose your checkout type. Under Step 3, find the button you would like to link to and click the 'Copy' button among the actions to the right
- 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.
- 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 the HTML button code that you copied from Settings > 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.