Einbau und Varianten
Um die benutzerfreundlichen Widgets zur Unterkunftsbuchung optimal auf Ihrer Website einzusetzen, stellen wir Ihnen mit dieser Dokumentation eine kompakte Hilfestellung zur Verfügung.
Bei der Einbindung ist darauf zu achten, die Hürden für den Gast so gering wie möglich zu halten. Dazu zählen insbesondere:
eine technisch korrekte und stabile Einbindung
eine gute Auffindbarkeit und einfache Bedienung
die Vermeidung unnötiger Klickwege
Grundsätzlich gilt: Je weniger Schritte ein Gast benötigt, um zur Buchung zu gelangen, desto höher ist die Buchungswahrscheinlichkeit.
Einbauvarianten
Für die Integration des TOSC5 Website Widgets stehen zwei grundlegende Varianten zur Verfügung:
Einbau direkt in die Website als Widget (empfohlene Variante)
Einbindung über einen externen Link
Den jeweiligen Einbaucode bzw. den Buchungslink erhalten Sie im WebClient im Bereich Zusatzmodule → Website Widgets
Einbau als Widget
Bei dieser Variante wird die Suchen- & Buchen-Funktionalität direkt in Ihre Website integriert. Der Gast kann die Buchung durchführen, ohne Ihre Website verlassen zu müssen.
Technische Umsetzung
Platzieren Sie den im WebClient bereitgestellten HTML-/JavaScript-Code an jener Stelle Ihrer Website, an der das Such- und Buchungswidget angezeigt werden soll.
Die Einbindung erfolgt via JavaScript.
Eine Einbindung mittels iFrame oder Lightbox wird nicht unterstützt!
Darstellung und Funktionalität
Das Widget sollte 100 % der verfügbaren Seitenbreite einnehmen.
Dies gewährleistet eine optimale Bedienbarkeit und verhindert mögliche Darstellungsprobleme.Die Seite, auf der das Widget eingebunden ist, muss auch dann korrekt funktionieren, wenn Parameter angehängt werden.
Beispiele für automatisch verwendete Parameter:
?useDetailSearch=false?datatransTrxId=123
Da weitere Parameter systemseitig ergänzt werden, ist es zwingend erforderlich, dass Ihre Website Parameter zulässt.
Sicherheit (SSL)
Die Website, auf der das Widget eingebunden wird, muss über HTTPS (SSL-Verschlüsselung) erreichbar sein.
Ohne SSL-Verschlüsselung ist kein erfolgreicher Zahlungsabschluss möglich.
TagID
Die Basis jedes Widgets ist die TagID (z. B. 9e23f320-2d0b-4bc6-a92f-8d20496c4ec2).
Diese wird für weiterführende TOSC5-Funktionen, wie z. B. Tracking, benötigt.
Beispielcode:
<script>
window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments) };
dw(
'settings', '9e23f320-2d0b-4bc6-a92f-8d20496c4ec2', {
"context": {
"serviceIds": [],
"productIds": [],
"packageIds": []
},
"lang": 'de'
}
);
</script>
<script async src="https://web5.deskline.net/start/ACCOWEB/9e23f320-2d0b-4bc6-a92f8d20496c4ec2/index.js"></script>
Einbau als Link
Ist es nicht möglich, HTML- oder JavaScript-Code in Ihre Website einzubinden, kann die Suchen- & Buchen-Funktionalität alternativ über einen eigenständigen Link genutzt werden.
Empfehlung zur Platzierung
Platzieren Sie einen gut sichtbaren Button oder Banner (z. B. „Preise & Buchen“, „Hier online buchen!“)
Der Link öffnet die Suchen- & Buchen-Funktion in einem neuen Browser-Tab oder Fenster
Diese Variante eignet sich besonders für CMS-Systeme mit eingeschränkten Einbaumöglichkeiten.
Weitere Informationen
Mobile Verwendung
Das Such- und Buchungswidget ist vollständig responsive und für mobile Endgeräte optimiert.
Auch hier wird empfohlen, die volle Seitenbreite zu nutzen.
Designanpassung
Farben und Schriftgrößen des Widgets können direkt im WebClient angepasst werden.
Alle Änderungen werden automatisch übernommen – eine Anpassung des Einbaucodes oder der Links ist nicht erforderlich.
Einschränkung auf einzelne Zimmer/Produkte
Das Widget kann so konfiguriert werden, dass nur bestimmte Zimmer, Leistungen oder Produkte angezeigt werden.
Der entsprechende Einbaucode bzw. Link ist ebenfalls im WebClient verfügbar.