Buchungs-Widget auf der eigenen Webseite einbetten

Sie wollen den desaloni-Buchungsablauf direkt auf Ihrer eigenen Webseite anbieten, ohne dass der Kunde auf desaloni.com wechselt? Geht in zwei Varianten.

Empfohlen: Script-Embed mit Auto-Resize

Unter /app/settings im Block „Buchungs-Widget einbetten" finden Sie diesen Code:

<script async src="https://www.desaloni.com/embed.js"></script>
<div data-desaloni-embed="IHR-SLUG"></div>

Den Script-Tag und das Div in den HTML-Bereich Ihrer Seite einfügen. Funktioniert in WordPress (Custom-HTML-Block), Wix, Squarespace, Webflow, Jimdo und überall, wo Sie HTML einfügen können. Der Buchungsablauf passt sich automatisch der Höhe an.

Variante: reines Iframe

Wenn Ihr Hoster Scripts nicht zulässt, geht auch ein einfacher Iframe:

<iframe src="https://www.desaloni.com/embed/IHR-SLUG" width="100%" height="800" frameborder="0"></iframe>

Dann müssen Sie die Höhe selbst setzen, sonst entsteht eine Scrollbar im Buchungsablauf.

Vor-Auswahl

Über Data-Attributes können Sie den Buchungsablauf vorbelegen:

• data-service="ID" springt direkt zum Mitarbeiter-Schritt
• data-staff="ID" wählt einen Mitarbeiter vor
• data-suggest="2026-05-20" springt direkt zum Kontakt-Schritt mit dem Datum als Vorbelegung

So können Sie pro Service-Detail-Seite einen passenden Embed bauen.