Zum Hauptinhalt springen

Online-Buchung auf deiner Website einbinden

Sebastian avatar
Verfasst von Sebastian
Vor über 2 Monaten aktualisiert

Du kannst die Online-Buchung für deine Kunden auf verschiedene Arten in deine Website und in externe Portale integrieren.

Wichtig: Denke daran, in deiner Datenschutzerklärung darauf hinzuweisen, dass ein Drittanbieterservice (#mitdenkt) eingebunden ist.

"Jetzt buchen"-Button mit HTML-Code einfügen

Die eleganteste Lösung ist die direkte Einbindung per HTML-Code („HTML-Widget“).
Dein individuelles Snippet findest du in Menü > Buchungseinstellungen > Online.

<script src="//app.instyler.de/pubi/APPID"></script>
<div id="iy">...</div>

Ersetze "APPID" mit deiner AppID. Binde diesen Code an einer Stelle auf deiner Webseite ein. Es wird dann ein Button "Jetzt buchen" angezeigt, der das Buchungsformular öffnet.

Buchungsbutton individuell gestalten

Wenn du das Design deines Buttons selbst bestimmen möchtest, kannst du ein eigenes HTML-Element mit der ID sereslauncher einfügen.

Füge dieses Snippet im <head>-Bereich ein

<script src="//app.instyler.de/pubi/APPID"></script>

Füge dieses Snippet an der gewünschten Stelle ein und passe es nach deinen Wünschen an:

<button id="sereslauncher">Jetzt buchen</button>

Mehrsprachigkeit aktivieren

Wenn du eine mehrsprachige Website betreibst, kannst du die Sprache der Buchungsstrecke über einen URL-Parameter steuern.

Beispiele:

  • Deutsch: ?lng=de

  • Englisch: ?lng=en

Hänge den gewünschten Parameter einfach an die Seiten-URL an, auf der das Buchungsformular eingebunden ist.

Falls dein Content-Management-System keine HTML-Einbettung erlaubt, kannst du auch einfach den Link zum Buchungsformular verwenden.
Die passende Webadresse findest du unter Menü > Buchungseinstellungen > Online.

Den Link kannst du:

  • auf deiner Website als Text- oder Button-Link hinterlegen

  • in E-Mails oder Newslettern einfügen

  • auf Portalen oder Social-Media-Profilen verlinken

Hat dies deine Frage beantwortet?