Squarespace Installation
Embed Kentroi booking widgets on your Squarespace website.
Prerequisites
- A Kentroi account with appointment types configured
- A Squarespace Business plan or higher (for code blocks)
- Your Widget ID from the Kentroi dashboard
Important
Installation Steps
Get Your Embed Code
Log in to your Kentroi dashboard and go to Embed Widget. Copy the embed snippet.
Edit Your Page
In Squarespace, navigate to the page where you want to add the booking widget and click Edit.
Add a Code Block
Click the "+" button where you want the widget and select "Code" from the block options.
Paste the Embed Code
Paste your Kentroi embed snippet into the code block. Make sure "Display Source" is unchecked.
<!-- Kentroi Booking Widget -->
<div data-kentroi-type="booking" data-widget-id="YOUR_WIDGET_ID"></div>
<script src="https://www.kentroi.com/embed.js" async></script>Apply and Save
Click Apply, then Save your page. The widget renders natively and auto-sizes to fit.
Using Embed Blocks (Alternative)
You can also use Squarespace's Embed block feature:
Add an Embed Block
In page edit mode, click "+" and select "Embed" instead of "Code".
Choose Code Snippet
Click the embed block and select "Code Snippet" in the editor.
Paste and Apply
Paste your iframe code and click "Set". Save your changes.
Troubleshooting
Code block option not available
You need a Squarespace Business plan or higher to use code blocks. Upgrade your plan to add custom embeds.
Widget shows as code instead of rendering
Make sure "Display Source" is unchecked in the code block settings. Also ensure you're using a Code block, not a Text block.
Widget spacing looks off
Squarespace may add extra padding around code blocks. Adjust the block's spacing settings in the editor to control the surrounding whitespace.