...

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

Das Listen-Widget und das Detailseite-Widget sollten 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.

...

Listen-Ansicht

Beispiel-Code für die Listen-Ansicht.
Der Code kann im WebClient unter “Zusatzmodule” > “Erlebnis-Widget” > “Liste Erlebnisse” > “Einbau in Website mit Java Script Code” bezogen werden.

<script> 
window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments); }; 
dw("settings", "9e23f320-2d0b-4bc6-a92f-8d20496c4ec2", { 
    lang: "de", 
    profileOverrides: ["teaser=false"], 
    context: {} 
});
</script>
<script async src="https://web5.deskline.net/start/ACCOWEB/9e23f320-2d0b-4bc6-a92f8d20496c4ec2/index.js"></script>

Detailseite

FRT steht in diesem Beispiel für den Datenbank-Code der Test-Umgebung. Dieser muss mit dem korrekten Kürzel des Datenhalter-Dabenbank getauscht werden.

Beispiel-Code für die Detailseite.
Der Code kann im WebClient unter “Zusatzmodule” > “Erlebnis-Widget” > “Detailseite Widget” > “Einbau in Website mit Java Script Code” bezogen werden.

<script> 
window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments); }; 
dw("settings", "32747417-dacd-4af0-88b5-deb964f0726a", { 
    lang: "de", 
    profileOverrides: ["teaser=false"], 
    context: { 
        targetRoute: ["/experiences/FRT/32564ea8-060b-4158-b5e7-299d60c74921", "/erlebnisse/FRT/32564ea8-060b-4158-b5e7-299d60c74921", "/esperienze/FRT/32564ea8-060b-4158-b5e7-299d60c74921"] 
    } 
});
</script>
<script async src="https://web5test.deskline.net/start/ACCOWEB/9e23f320-2d0b-4bc6-a92f8d20496c4ec2/index.js"></script>

Kalender-Widget

FRT steht in diesem Beispiel für den Datenbank-Code der Test-Umgebung. Dieser muss mit dem korrekten Kürzel des Datenhalter-Dabenbank getauscht werden.
Das div-Element definiert die größe des Kalender-Widgets auf Ihrer Homepage. Dies ist das einzige Widget, dass nicht auf die volle Seitenbreite eingebaut werden soll. In diesem Beispiel verwenden wir eine Breite von 325 Pixel.

Beispiel-Code für die Detailseite.
Der Code kann im WebClient unter “Zusatzmodule” > “Erlebnis-Widget” > “Buchungskalender Widget” bezogen werden.

<div id="ElementID" style="max-width: 325px"> 
<script> 
    window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments); }; 
    dw("settings", "79c57f66-4049-4dca-af7d-b4dce3620119", { 
        target: "ElementID",
        lang: "de", 
        profileOverrides: [], 
        context: { serviceId: "42564ea8-060b-4158-b5e7-299d60c74921", dbCode: "FRT" }, 
    }); 
    dw("onCheckout", "79c57f66-4049-4dca-af7d-b4dce3620119", function (e) { 
        window .open( "https://web5.deskline.net/desklineweb/9e23f320-2d0b-4bc6-a92f-8d20496c4ec2?lang=de&shoppingListId=" + e.shoppingListId, "_blank" ) .focus(); 
        }); 
</script> 
<script async src="https://web5.deskline.net/start/ACCOWEB/79c57f66-4049-4dca-af7d-b4dce3620119/index.js"></script></div>

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 das Listen-Widget und die Detailseite 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

Die Widgets sind 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 (Liste und Detailseite).

Designanpassung

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

Einschränkung auf einzelne Zimmer/Produkte

Es ist möglich die Widgets auf bestimmte Leistungen/Produkte einzuschrenken. Den entsprechenden Code/Link können Sie direkt im WebClient abrufen.