Online-Buchung auf Wix: das Klendr-Formular einbetten
Ein Embed-HTML-Element — dein Buchungsformular direkt auf deiner Wix-Seite.
So funktioniert es
Deine Klendr-Buchungsseite — Leistungen, freie Zeiten, Bestätigungen und Erinnerungen — erscheint in einem sicheren Rahmen direkt auf deiner eigenen Website. Kunden buchen, ohne deine Seite zu verlassen; jeder Termin landet sofort in deinem Klendr-Kalender.
Beginne mit deiner Buchungsseite in Klendr
Das Widget ist kein separates Formular, das du ausfüllst — es IST deine Klendr-Buchungsseite, angezeigt auf deiner Website. Baue also zuerst diese Seite: Leistungen mit Dauer und Preisen anlegen, Fotos hochladen, Begrüßungstext schreiben und im Branding-Editor Akzent- und Hintergrundfarbe, Schrift und Kartenstil wählen. Alles ist änderbar: Farben, Schriften, Titelbild und Logo, Leistungsliste und Beschreibungen, Arbeitszeiten, sogar eine zweite Sprache. Erst danach kopierst du den Einbettungscode.
Schritt-für-Schritt-Einrichtung
Einbettungscode kopieren
In Klendr öffne Integrationen → „Auf deiner Website einbetten“ und kopiere deinen persönlichen Code — dein Buchungslink ist schon eingesetzt.
Embed-Element hinzufügen
Im Wix-Editor: Hinzufügen (+) → Embed code → Embed HTML.
Code einfügen
Klicke „Enter code“, füge den Schnipsel ein und übernimm.
Größe anpassen und veröffentlichen
Ziehe das Element auf Inhaltsbreite, gib ihm großzügig Höhe und veröffentliche. Kunden buchen direkt auf deiner Wix-Seite.
Der Einbettungscode
<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>Ersetze YOUR-SALON durch den Namen deiner Buchungsseite. Deinen persönlichen, fertigen Code findest du in Klendr → Integrationen → „Auf deiner Website einbetten“.
In welcher Sprache erscheint das Formular?
Standardmäßig folgt das Widget deiner Website: der Code übergibt ihm die Seitensprache, auf einer deutschen Seite erscheint also ein deutsches Formular. Gibt die Seite keine Sprache an, nutzt das Widget die Sprache deines Salons aus Klendr. Fest einstellen? In Klendr → Integrationen → „Einbettungscode“ vor dem Kopieren eine Sprache wählen — sie wird als &lang=xx an den Link angehängt.
So sieht es aus
Auf der Website (Desktop)
Auf dem Handy
Die Screenshots zeigen beispielhaft ein Farbschema. Dein Formular übernimmt deine Farben, Schrift und Leistungen — stelle sie in Klendr ein, das Widget folgt sofort.
Häufige Fragen
Funktioniert es mit kostenlosem Wix?
Ja, das Embed-HTML-Element gibt es auch in den kostenlosen Wix-Tarifen.
Warum hat der Rahmen in Wix eine feste Höhe?
Wix isoliert Einbettungen in einem eigenen Rahmen — gib dem Element großzügig Höhe (z. B. 900px), das Klendr-Formular passt sich darin an.
Wohin gehen die Buchungen?
In deinen Klendr-Kalender, mit den üblichen Bestätigungen und Erinnerungen.