Wix Installation
Add Kentroi booking widgets to your Wix website.
Prerequisites
- A Kentroi account with appointment types configured
- A Wix website with editing access
- Your Widget ID from the Kentroi dashboard
Installation Steps
Get Your Embed Code
Log in to your Kentroi dashboard and go to Embed Widget. Copy the embed snippet.
Open Wix Editor
Go to your Wix dashboard and click "Edit Site" to open the Wix Editor.
Add an HTML Embed
Click the "+" button on the left sidebar, then select "Embed Code" > "Embed HTML".
Enter the Code
Click "Enter Code" on the embed element and select "Code" tab. Paste your embed snippet:
<!-- 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>Position the Element
Position the embed element where you want on your page. The widget auto-sizes to fit its content.
Publish
Click "Publish" in the top right to make your changes live.
Tip
Adding Other Widgets
Contact Form
Use the same HTML embed method with a form snippet:
<div data-kentroi-type="form" data-form-id="YOUR_FORM_ID"></div>
<script src="https://www.kentroi.com/embed.js" async></script>Floating Chat Button
Add this to your site's global custom code (Settings > Custom Code > Footer):
<script src="https://www.kentroi.com/widget.js" data-widget-id="YOUR_WIDGET_ID" data-api-base="https://www.kentroi.com" async></script>Troubleshooting
Embed not showing
Make sure you've published your site after adding the embed. Preview mode may not always show embeds correctly.
Widget is cut off
Resize the HTML embed element to give it enough space. The widget auto-sizes its content but the Wix container may need to be taller.
Mobile display issues
Use Wix's mobile editor to adjust the embed size for mobile devices separately. Click the mobile icon in the editor to switch views.