...
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.
| Warning |
|---|
Die Website, auf welcher das Widget einbaut wird, muss "https" (SSL-Verschlüsselung) verwenden, da es ansonsten zu keinem Zahlungsabschluss des Gastes kommen kann! |
Beispielcode:
| Info |
|---|
Die Basis ihres Widgets ist die "TagID" (im Codebeispiel unten "9e23f320-2d0b-4bc6-a92f-8d20496c4ec2"). |
| Code Block |
|---|
<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> |
...
| Code Block |
|---|
<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": 'true'
{
"active":true
}
}
);
</script>
<script async src="https://web5.deskline.net/start/ACCOWEB/9e23f320-2d0b-4bc6-
a92f-8d20496c4ec2/index.js"></script> |
...