Um die benutzerfreundlichen Widgets zur Unterkunftsbuchung ideal auf Ihrer Webseite einzusetzen, möchten wir Ihnen mit dieser Sammlung eine Hilfestellung geben. Bei der Einbindung sollte darauf geachtet werden, dass die Hürden für den Gast so gering wie möglich zu halten sind. Dazu zählen eine technisch einwandfreie und leicht zugängliche Einbindung, sowie die Vermeidung von Fehlern in Bezug auf die Bedienbarkeit. Je weniger Klicks ein Gast braucht, um zur Buchungsmöglichkeit zu gelangen, desto besser.

Einbauvarianten

Zum Einbau stehen grundsätzlich zwei Varianten zur Verfügung. Wir empfehlen den Einbau direkt in Ihre Seite, als Widget. Alternativ besteht jedoch die Möglichkeit einen eigenständigen Link zu verwenden und z.B. von einem Button (etwa eine „online buchen!“-Schaltfläche) aus, diesen direkt in einem neuen Fenster/Tab zu öffnen Für beide Varianten bekommen Sie den Einbaucode bzw. den Link direkt im WebClient im Bereich Zusatzmodule/Website Widgets.

Einbau als Widget

Mit der Einbauvariante als Widget wird die Suchen & Buchen-Funktionalität direkt in Ihrer Website angezeigt, und kann vom Gast direkt dort verwendet werden, ohne dass er Ihre Website verlassen muss.
Hierzu platzieren Sie den im WebClient angezeigten HTML-Code direkt an jener Stelle Ihrer Website, an welcher Sie das Such- und Buchungswidget einbinden wollen. Es handelt sich hierbei um eine Einbindung via Javascript.

Bitte beachten Sie, dass die Einbindung mittels iFrame oder Lightbox, nicht unterstützt wird.

Das Widget sollte möglichst 100% der zur Verfügung stehenden Breite Ihrer Website einnehmen, da dadurch die beste Bedienbarkeit für den Gast gegeben ist, und es andernfalls zu Darstellungsproblemen kommt.

Weiters müssen die Seiten, auf die der TOSC eingebaut wird, weiterhin funktionieren, wenn Parameter angefügt werden. Als Beispiel der "?useDetailSearch=false"-Parameter, oder der "?datatransTrxId=123"-Parameter. Es gibt noch weitere Parameter, welche vom System automatisch dem Link angefügt werden. Aus dem Grund ist es notwendig, Parameter zuzulassen.

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

Sollte es Ihnen nicht möglich sein einen HMTL-Code auf Ihrer Website zu platzieren, können Sie die Suchen & Buchen-Funktionalität als eigenständigen Link verwenden. Wir empfehlen im Header oder in einem ähnlich gut sichtbaren Bereich Ihrer Website einen prominenten Button oder Banner (z.B. „Preise & Buchen“, „Hier online buchen!“) zu platzieren, der bei Klick über den Link die Suchen & Buchen-Funktion als neuen Tab/neues Fenster im Webbrowser öffnet.

Weitere Informationen

Mobile Verwendung

Das Such- und Buchungswidget ist für die Nutzung auf mobilen Geräten optimiert und vollständig responsive umgesetzt. Nutzen sie wenn möglich die volle Breite der Website bei der Einbindung.

Designanpassung

Sie können direkt im WebClient sowohl die Farben, als auch die Schriftgröße des Widgets anpassen. Änderungen werden automatisch übernommen. Dies bedeutet Sie müssen den Einbaucode, bzw. die Links nicht abändern.

Einschränkung auf einzelne Zimmer/Produkte

Es ist möglich das Widget einzuschränken, um bestimmte Leistungen/Produkte anzuzeigen. Den entsprechenden Code/Link können Sie direkt im WebClient abrufen.

Kompatibilitätsmodus

Sollte es beim Einbau in Ihrer Website zu Problemen kommen, können Sie den Kompatibilitätsmodus aktivieren, indem Sie im Einbaucode folgende Zeile hinzufügen ("compatibilityMode": 'true'):

<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',
		"compatibilityMode": {
            "active":true
        }
	}
);
</script>
<script async src="https://web5.deskline.net/start/ACCOWEB/9e23f320-2d0b-4bc6-a92f-8d20496c4ec2/index.js"></script>