Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Mit der Integration der Buchungsstrecke kann eine zuvor konfigurierte Buchungsstrecke

Status
colourYellow
titletodo: Verlinken mit Buchungsstrecke
auf Ihre Website eingebunden werden. Damit können Benutzer Zimmer, Pauschalen und Zusatzleistungen buchen. Die Buchungsstrecke passt sich dabei automatisch an die Breite des Endgerätes (z. B. Smartphones) an.

1.0 Darstellung

Je nach Konfiguration kann das Widget unterschiedlich aussehen:

2.0 Konfiguration

Die Integration für die Buchungsstrecke wird in der Integrationsverwaltung konfiguriert. Die Integrationsverwaltung ist ein aufklappbares Segment auf der Seite

Hotelverwaltung / Distribution / Eigener Vertriebskanal

2.1 Übersicht

In der Übersicht werden alle Integrationen in einer Tabelle dargestellt.

Durch Klick auf einen Eintrag in der Tabelle kann die Konfiguration der Integration aufgerufen und bearbeitet werden. Durch Klick auf den Button "Hinzufügen", oben rechts, öffnet sich ein Fenster, dort können neue Integrationen angelegt werden.

Um eine Integration vom Typ “Buchungsstrecke” anzulegen, klicken Sie auf den “Hinzufügen”-Button. Initial werden beim Neuanlegen einer Integration nur 2 Felder geladen: Der Name der Integration und der Integrationstyp.

Vergeben Sie einen Namen, wählen Sie als Integrationstyp “Buchungsstrecke” aus und klicken Sie auf “Speichern”. Abhängig vom ausgewählten Integrationstyp, werden nach dem Speichern dann weitere, Integrationstyp-spezifische Felder und Segmente angezeigt.

2.2.1 Name der Integration

Image Added

Hier können Sie einen Namen für die Integration vergeben. Der Name wird beim Integrationstyp “Buchungsstrecke” nur innerhalb der CST PRO verwendet, eine Pflege aller Sprachen ist somit nicht notwendig.

2.2.2 Integrationstyp

Image Added

Hier können Sie den Widget-Typ auswählen. Es stehen folgende Typen zur Verfügung:

  • Buchungswidget

  • Buchungsstrecke

  • Gutscheinverkauf

  • Zimmerliste

  • Pauschalenliste

  • Anfrageformular

  • Liste von Zusatzleistungen

  • Pauschalen-Slider

  • Zimmer Restplatzbörse

  • Pauchalensuche (nur MPE)

  • Besucherquellen-Erfassung

  • Farbschema

Wählen Sie hier als Integrationstyp “Buchungsstrecke” aus.

2.2.3 Segment “Einstellungen” bei Auswahl des Integrationstyps “Buchungsstrecke”

Abhängig vom ausgewählten Integrationstyp, werden nach dem Speichern dann weitere, Integrationstyp-spezifische Felder und Segmente angezeigt:

2.2 Segment “Einstellungen”

2.2.1 Spezifische Einstellungen der Integration

2.2.1.1 URL-Parameter erlauben

Wenn aktiviert, können durch Verlinkungen, z. B. von anderen Integrationen, die mitgesendeten URL-Parameter verarbeitet werden, wie z. B. ein zuvor angegebener Reisezeitraum. Da es möglich ist, mehrere unterschiedliche Integrationen auf einer Seite zu betreiben, sollte das nur einer Integration pro Seite gestattet sein.

Damit die Buchungsstrecke die Parameter von anderen Integrationen übernehmen und verarbeiten kann, sollte dieses Feld bei der Integration “Buchungsstrecke” aktiviert sein.

2.2.1.2 Verknüpftes Anfrageformular

Neben der direkten Buchung, gibt es auch die Möglichkeit in der Buchungsstrecke für den Benutzer, eine unverbindliche Anfrage an das Hotel zu stellen. Ist in der Konfiguration der Buchungsstrecke eine Anfrage vorgesehen, kann hier das zu verwendende Anfrageformular ausgewählt werden. Um ein Anfrageformular auswählen zu können, muss zuvor eine Integration vom Typ “Anfrageformular”

Status
colourYellow
titletodo: Verlinken
angelegt worden sein.

Der Benutzer erhält dann in der Buchungsstrecke das gewählte Anfrageformular, wenn je nach Konfiguration, der Warenkorb in der Buchungsstrecke nicht buchbar ist oder er auf den “Anfragen”-Button klickt.

2.2.1.3 Farbschema

Image RemovedImage Added

Das Farbschema für die Buchungsstrecke wird grundsätzlich in der Buchungsstreckenkonfiguration

Status
colourYellow
titletodo: Verlinken
angepasst. Die Auswahl eines anderen Farbschemas hat (bis auf die Hintergrundfarbe) keinen Einfluss auf die Farben in der Buchungsstrecke.

Trotzdem kann es sinnvoll sein, ein eigenes Farbschema zu verwenden, wenn z. B. die Seite als Zielseite für andere Integrationen verwendet wird.

2.3 Segment “Filter”

Image RemovedImage Added

Um Einfluss auf die Daten innerhalb einer Integration zu nehmen, können die Ergebnisse mit Hilfe von Filtern eingeschränkt werden. Hierzu können die einzelnen Untersegmente aufgeklappt und die gewünschten Filter ausgewählt werden. In der Integration “Buchungsstrecke” gibt es folgende Filtergruppen, die aufgeklappt werden können:

  1. Hotel

  2. Indikatoren

Wenn z. B. in der Buchungsstrecke nur ein Hotel buchbar sein soll, obwohl Sie mehrere Hotels haben, können Sie die Buchbarkeit auf ein Hotel eingrenzen:

Image RemovedImage Added

2.3.1 URL-Parameter

Image RemovedImage Added

Hier werden die gesetzten Filter als GET-Parameter zur Information angezeigt, um Webmaster eine Hilfestellung zu geben, wir Filter an die Integration übergeben werden könnten. Je nach Auswahl der Filter wird dieses Feld automatisch aktualisiert. Eine generelle Anleitung, wie Parameter an die Buchungsstrecke übergeben werden können, finden Sie hier.

Info

Eine Bearbeitung des Feldes hat keinen Einfluss auf die Filterung der Integration.

2.3 Segment “Erscheinungsbild”

Image RemovedImage Added

Hier kann das Farbschema der Integration angepasst werden, allerdings wird das Farbschema für die Buchungsstrecke grundsätzlich in der Buchungsstreckenkonfiguration

Status
colourYellow
titletodo: Verlinken
angepasst.

Die Untersegmente links können auf- und zugeklappt werden und die Farbe für jedes Element kann ausgewählt bzw. eingegeben werden. Allerdings hat bis auf die Hintergrundfarbe, die Auswahl von anderen Farben keinen Einfluss auf die Farben der Buchungsstrecke. Trotzdem kann es sinnvoll sein, ein eigenes Farbschema zu verwenden, wenn z. B. die Seite als Zielseite für andere Integrationen verwendet wird.

Info

Das Segment “Erscheinungsbild” enthält alle Elemente, die in den Integrationen vorkommen können. Allerdings werden nicht alle Elemente in jeder einzelnen Integrationen verwendet, so dass auch nicht alle Farben angepasst werden müssen.

Note

Die Einstellungen in diesem Segment haben nur eine Auswirkung, wenn im Segment “Einstellungen” bei der Einstellung Farbschema die Option “Eigenes Farbschema verwenden” ausgewählt wurde.

2.4 Segment “Erweiterte Einstellungen (CSS/LESS)”

Hier können erweiterte Einstellungen vorgenommen werden, die das Layout beeinflussen.

Wenn Sie das Layout der Buchungsstrecke beeinflussen wollen, empfehlen wir die “Erweiterten Einstellungen” direkt in den Buchungsstreckeneinstellungen

Status
colourYellow
titletodo: Verlinken
anzupassen. Das Anpassen der “Erweiterten Einstellungen” hier in der Integration kann trotzdem sinnvoll sein, wenn z. B. die Seite als Zielseite für andere Integrationen verwendet wird.

2.4.1 Offset CSS-Selector

Es gibt Integrationen wie z. B. die Buchungsstrecke oder die Gutscheinverkaufsstrecke, die automatisch während der Benutzung an bestimmte Positionen scrollen, um dem Benutzer zu unterstützen. Je nach Design und Programmierung kann es aber Elemente auf einer Website geben, die die Scrollposition beeinflussen. Das ist z. B. der Fall, wenn der Header einer Seite die CSS-Eigenschaft „position: fixed“ besitzt. Das hat zur Folge, dass eine eingebettete Buchungsstrecke nicht mehr an die gewünschte Position scrollen kann.

Wenn Sie wissen, dass Sie solche Elemente auf Ihrer Website einsetzen oder wenn Sie beim testen der Buchungsstrecke feststellen, dass die automatische Scrollposition nicht stimmt, können Sie hier den CSS-Selector angeben, der für die Beeinflussung der Scrollposition verantwortlich ist. Dieses Element wird dann bei der Berechnung der Scrollposition automatisch berücksichtigt und die Scrollposition korrigiert.

Wenn die Angabe eines Elements nicht möglich ist, kann alternativ auch der Versatz in Pixeln (siehe Punkt 4.2 Scroll-Offset) angegeben werden.

2.4.2 Scroll-Offset

Es gibt Integrationen wie z. B. die Buchungsstrecke oder die Gutscheinverkaufsstrecke, die automatisch während der Benutzung an bestimmte Positionen scrollen, um dem Benutzer zu unterstützen. Je nach Design und Programmierung kann es aber Elemente auf einer Website geben, die die Scrollposition beeinflussen. Das ist z. B. der Fall, wenn der Header einer Seite die CSS-Eigenschaft „position: fixed“ besitzt. Das hat zur Folge, dass eine eingebettete Buchungsstrecke nicht mehr an die gewünschte Position scrollen kann.

Wenn Sie wissen, dass Sie solche Elemente auf Ihrer Website einsetzen oder wenn Sie beim testen der Buchungsstrecke feststellen, dass die automatische Scrollposition nicht stimmt, können Sie hier den Versatz in Pixeln angeben. Dies ist als Alternative gedacht zum vorherigen Punkt 4.1. Offset CSS-Selector, wenn z. B. die Angabe eines Elements nicht möglich ist.

Der Versatz wird dann bei der Berechnung der Scrollposition automatisch berücksichtigt und die Scrollposition korrigiert.

2.4.3 CSS font-family

Hier kann die Standard CSS “font-family” überschrieben werden mit den gewünschten Schriftarten. Die Angaben sollten identisch der CSS-Eigenschaft angegeben werden, also durch Komma getrennt. Bei Verwendung von nicht generischen Schriften sollten Sie darauf achten, dass die gewünschte Webfont im Quelltext der Seite via CSS referenziert wird.

2.4.4. Eigenes CSS/LESS

Für individuellere Styling-Wünsche, die über das Anpassen von Farben hinausgehen, kann hier das Standard-CSS mit CSS oder LESS überschrieben werden.

Note

Bitte beachten Sie:

Es gibt aktuell keine Dokumentation für Entwickler über das Markup und das CSS-Klassen-Konzept. Wenn Sie das Standard-CSS überschreiben, sollten Sie genau wissen, was Sie tun und das Ergebnis auf jeden Fall überprüfen.

Fehlerhaftes CSS kann dazu führen, dass die Integration nicht mehr korrekt angezeigt wird und/oder nicht mehr korrekt funktioniert. Wir übernehmen keine Haftung für fehlerhafte Angaben und können Ihnen dazu auch keine Unterstützung anbieten.

2.5 Segment “Code-Snippet”

Hier wird das Code-Snippet der Integration angezeigt und kann, für jede Sprache getrennt, kopiert und in die eigene Website integriert werden.

Inhalt

Table of Contents
minLevel1
maxLevel7
excludeInhalt|Offene Punkte

Status

Status
colourYellow
titlein progress

CST PRO Version

6.0

Offene Punkte

  • Verlinkungen