Buchungs-Widget — Addagio auf Ihrer Website einbinden
Lassen Sie Kunden direkt auf Ihrer eigenen Website buchen. Das Addagio-Widget bietet zwei Modi: einen schwebenden Button, der Ihre Buchungsseite in einem Popup öffnet, oder ein Inline-Formular direkt in Ihrer Seite.
Einrichtung in 2 Schritten
- Ihren Slug finden Sie im Dashboard → Einstellungen unter „Buchungs-URL" — der Teil nach addagio.io/book/.
- Fügen Sie das Code-Snippet vor dem schließenden </body>-Tag Ihrer Website ein.
Schwebender Button + Popup
Ein „Jetzt buchen"-Button erscheint in der Ecke Ihrer Website. Beim Klick öffnet sich Ihre Buchungsseite in einem eleganten Overlay — Kunden buchen, ohne Ihre Website zu verlassen.
<script>
var addagioWidget = {
slug: 'your-business-slug',
buttonText: 'Book Now',
color: '#C67B5C',
position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>Inline-Buchungsformular
Der komplette Buchungsablauf (Leistungen, Kalender, Bezahlung) wird direkt in Ihrem Seitenlayout angezeigt — wie das Inline-Widget von Calendly. Fügen Sie ein leeres Div dort ein, wo das Formular erscheinen soll.
<div data-addagio-inline="your-business-slug">
<a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>Der Inline-Rahmen passt seine Höhe automatisch an den Inhalt an — keine Scrollleisten, keine festen Höhen. Sie können mehrere Formulare auf einer Seite platzieren.
Vollständige technische Referenz (alle Optionen, JavaScript-API, Plattform-Anleitungen) →
Häufig gestellte Fragen
Verlangsamt es meine Website?⌄
Nein. Das Skript ist 3 KB groß und lädt asynchron — es blockiert das Rendern Ihrer Seite nicht.
Funktioniert es mit WordPress, Wix, Squarespace oder Shopify?⌄
Ja. Fügen Sie das Snippet in den Footer Ihres Themes oder in den Custom-Code-Bereich Ihres Website-Baukastens ein. Jede Plattform, die eigenes HTML erlaubt, funktioniert.
Passt das Inline-Formular seine Höhe automatisch an?⌄
Ja. Das eingebettete Formular meldet seine Höhe an Ihre Seite, und der Rahmen passt sich automatisch an, während Kunden die Buchungsschritte durchlaufen.
Languages