Table of Contents |
---|
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
...
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.
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:
...
Per utilizzare al meglio i widget Cerca&Prenota sul vostro sito web è necessario integrarlo riducendo al minimo gli “ostacoli” per l'ospite.
Meno clic deve fare l'ospite per arrivare all'opzione di prenotazione, meglio è.
Varianti di integrazione
Le opzioni disponibili per l'installazione sono sostanzialmente due:
- Integrazione nella pagina del sito come widget
- Integrazione tramite link esterno, che apre una nuova pagina/finestra
È possibile ottenere il codice di installazione o il link direttamente nel WebClient nell'area Moduli aggiuntivi -> Widget Cerca&Prenota.
Integrazione come widget
Con la variante widget, la funzione di ricerca viene integrata direttamente nel sito della struttura. E’ quindi necessario inserire il codice HTML, visualizzato nella sezione del WebClient dedicata al widget, nel punto del sito in cui si desidera mostrare all’ospite la funzione di ricerca.
Il widget deve occupare, possibilmente, l’intera larghezza disponibile della pagina del sito: questa impostazione garantisce una migliore usabilità per l'ospite e riduce al minimo gli eventuali problemi di visualizzazione.
Inoltre, le pagine in cui è installato il widget devono continuare a funzionare anche quando vengono aggiunti alcuni parametri, quali "?useDetailSearch=false" o "?datatransTrxId=123".
Altri parametri vengono aggiunti automaticamente al widget dal sistema, per cui è necessario che siano consentiti.
Warning | ||
---|---|---|
| ||
Il sito web su cui è installato il widget deve utilizzare il protocollo "https" (crittografia SSL), altrimenti l'ospite non sarà possibile per l’ospite completare il pagamento! |
Codice HTML di esempio:
Info |
---|
L’elemento base del widget è il TagID/GUID struttura (nell'esempio di codice qui sotto "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> |
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
...
Integrazione come link esterno
Se non si può integrare un codice HMTL nel proprio sito web, è possibile utilizzare la funzione Cerca&Prenota come link esterno.
Si consiglia di inserire un pulsante o un banner (ad esempio "Prenota qui") nel menu principale o in un'area ben visibile del sito, che apra il “Cerca&Prenota” come nuova scheda o nuova finestra del browser.
Ulteriori informazioni
Uso da mobile
Il widget Cerca&Prenota è ottimizzato per l'uso su dispositivi mobili ed è completamente responsive. Se possibile, integrarlo ad intera larghezza del sito ospitante.
Personalizzazione del design
È possibile modificare i colori e la dimensione dei caratteri del widget direttamente nel WebClient. Le modifiche vengono applicate automaticamente al codice da usare per l'integrazione.
Limitazione a singole camere/prodotti
È possibile far visualizzare nel widget solo determinati servizi/prodotti. È possibile richiamare il codice/link corrispondente direttamente nel WebClient.
Modalità di compatibilità
Se ci sono problemi con l’integrazione nel sito, è possibile attivare la modalità di compatibilità aggiungendo nel codice la seguente riga ("compatibilityMode": 'true'):
...