Adding Booking Widget to SquareSpace Website

Learn how to add our new online booking widget to your Square Space website

Marc avatar
Written by Marc
Updated over a week ago

To add your online booking widget to your Square Space site, follow the steps below.

To make sure you have the right code reach out to us through the instant chat. An example of the widget code is below:

Code Template - Floating Widget (left aligned)

<script>(function() {

var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://www.yocale.com/tentacle' + '/' + 'tentacle.v1.0.0.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
s.onload = s.onreadystatechange = function() {
if (!this.readyState || this.readyState === 'complete') {
Tentacle.run({
business: 'demo',
type:'FLOATING',
label:'Book Now',
labelColor:'#FFFFFF',
iconColor:'#FFFFFF',
backgroundColor:'#FF3B52',
disableIcon:false,
buttonStyles:{borderRadius:"25px"}
});
}
};
})();
</script>

Here are the steps to add your booking widget:

  1. From the Home menu > Settings

2. From the Settings > Advanced 

3. From Settings > Code Injection

4. Scroll down to the footer section and paste the code in this box

5. When finished click Save and you should be able the finished floating Book Button on the preview screen.

If you have any questions, don't hesitate to reach out. We're always here to help!

Did this answer your question?