Online booking on Wix: embed your Klendr form
One Embed HTML element — your booking form right on your Wix site.
How it works
Your Klendr booking page — services, free time slots, confirmations and reminders — appears inside your own website in a secure frame. Clients book without leaving your site; every appointment lands in your Klendr calendar instantly, and the form always shows your live availability.
Start with your booking page in Klendr
The widget is not a separate form to fill in — it IS your Klendr booking page, shown inside your site. So build that page first: add your services with durations and prices, upload photos, write your welcome text, then open the branding editor and choose the accent and background colours, the font and the card style. Everything is yours to change: colours, fonts, cover and logo, service list and descriptions, working hours, even a second language. Only then copy the embed code.
Step-by-step setup
Copy your embed code
In Klendr open Integrations → “Embed on your website” and copy your personal code — your booking link is already filled in.
Add an embed element
In the Wix editor click Add (+) → Embed code → Embed HTML.
Paste the code
Click “Enter code”, paste the snippet and apply.
Resize and publish
Stretch the element to your content width, give it generous height, and publish. Clients book right on your Wix page.
The embed code
<iframe src="https://klendr.me/book/YOUR-SALON?embed=1"
style="width:100%;border:0;height:640px" title="Booking" id="klendr-frame"></iframe>
<script>(function(){var f=document.getElementById('klendr-frame');
function tell(){try{f.contentWindow.postMessage(
{type:'klendr:hostlang',lang:document.documentElement.lang||''},'*');}catch(e){}}
addEventListener('message',function(e){var d=e.data;if(!d)return;
if(d.type==='klendr:height'&&d.height){f.style.height=(d.height+8)+'px';}
if(d.type==='klendr:ready'){tell();}});
f.addEventListener('load',tell);})();</script>Replace YOUR-SALON with your booking-page name. Your personal, ready-to-paste code is in Klendr → Integrations → “Embed on your website”.
What language will the form be in?
By default the widget follows your website: the code passes your page language to it, so an English page shows an English form. If your site declares no language, the widget uses your salon language from Klendr. Want it fixed for good? In Klendr → Integrations → “Embed code” pick a language before copying the code — it is added to the link as &lang=xx.
What it looks like
On a desktop site
On mobile
These screenshots show one colour scheme as an example. Your form takes your own colours, font and services — set them in Klendr and the widget follows instantly.
Frequently asked questions
Does it work on free Wix sites?
Yes, the Embed HTML element is available on free Wix plans.
Why does Wix show the frame with a fixed height?
Wix sandboxes embeds in its own frame, so set the element height generously (e.g. 900px) — inside it the Klendr form still adapts to content.
Where do the bookings go?
Into your Klendr calendar, with the usual confirmations and reminders to the client.