Responsive Buchungsseite: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Eleni (Diskussion | Beiträge) |
Keine Bearbeitungszusammenfassung |
||
| (14 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 4: | Zeile 4: | ||
[[Category:Buchungsmaschine]] | [[Category:Buchungsmaschine]] | ||
<div class="heading">Responsive Buchungsseite</div> | <div class="heading">Responsive Buchungsseite</div> | ||
Diese Seite erklärt, wie Sie die responsive Version der Buchungsseite einrichten. | Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT > LAYOUT und erklärt, wie Sie die responsive Version der Buchungsseite einrichten. | ||
==Buchungsmaschine konfigurieren == | ==Buchungsmaschine konfigurieren == | ||
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tipp</span> Dieser [https:/ | <span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tipp</span> Dieser [https://beds24.com/wizard/wizard4.php?lang=de Wizard] führt Sie durch die Konfiguration der Buchungsmaschine. | ||
== Widget für die Website == | |||
Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS um den Code für Website Widgets zu generieren. | |||
Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > IFRAME GENERATOR um den Code zum Einbetten der Buchungsseite in Ihre Website zu generieren. | |||
Verwenden Sie die Kontexthilfe (?icons) für Informationen über die iFrame-Einstellungen. | |||
== Responsive Buchungsseite einrichten == | == Responsive Buchungsseite einrichten == | ||
<embedvideo service="youtube">https://youtu.be/hy0trWoKYe8</embedvideo> | |||
===Konzept=== | ===Konzept=== | ||
Durch das modulare Design haben Sie volle Kontrolle über das Layout. | Durch das modulare Design haben Sie volle Kontrolle über das Layout. | ||
| Zeile 22: | Zeile 27: | ||
Module können hinzugefügt oder entfernt werden. Sie haben zusätzliche Einstellungen, worüber Sie auf die induviduellen Bedürfnisse zugeschnitten werden können. Für die meisten Module müssen Inhalte eingegeben werden. Verfügbare Module sind: | Module können hinzugefügt oder entfernt werden. Sie haben zusätzliche Einstellungen, worüber Sie auf die induviduellen Bedürfnisse zugeschnitten werden können. Für die meisten Module müssen Inhalte eingegeben werden. Verfügbare Module sind: | ||
*Bilder Galerie oder Slider für Unterkunft, Einheiten und Offerten | *Bilder Galerie oder Slider für Unterkunft, Einheiten und Offerten (Stellen Sie sicher, dass alle Bildformate gleich sind, mischen Sie nicht Hoch- und Querformat) | ||
*Bild für Unterkunft, Einheiten und Offerten | *Bild für Unterkunft, Einheiten und Offerten | ||
*Featues (Ausstattungsmerkmale) für Unterkunft und Einheiten | *Featues (Ausstattungsmerkmale) für Unterkunft und Einheiten | ||
| Zeile 93: | Zeile 98: | ||
=== Bilder === | === Bilder === | ||
In {{#fas:cog}} (KONFIGURATION) > BUCHUNGSMASCHINE > BILDER können Sie Bilder hochladen und diese Unterkunft, Einheiten oder Offerten zuordnen. | In {{#fas:cog}} (KONFIGURATION) > BUCHUNGSMASCHINE > BILDER können Sie Bilder hochladen und diese Unterkunft, Einheiten oder Offerten zuordnen. | ||
<embedvideo service="youtube">https://www.youtube.com/watch?v=lXFa0MPO8TU</embedvideo> | |||
=== Set up Wizard=== | === Set up Wizard=== | ||
| Zeile 158: | Zeile 165: | ||
*Marketing Spalte. Die Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt. | *Marketing Spalte. Die Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt. | ||
<embedvideo service="youtube">https://youtu.be/Duluca3zmwg</embedvideo> | |||
*Für Offerten können die Module Kalender und Preistabelle und Kalender nicht gleichzeitig genutzt werden. Wenn Sie mehrere Offerten haben, zeigen die Kalender die gleiche Verfügbarkeit für alle Offerten. | |||
Module sind in Zeilen angeordnet. Jeder Abschnitt kann mehrere Zeilen haben. | Module sind in Zeilen angeordnet. Jeder Abschnitt kann mehrere Zeilen haben. | ||
| Zeile 259: | Zeile 267: | ||
=== Anfragen erlauben, wenn kein Preis gefunden wird === | === Anfragen erlauben, wenn kein Preis gefunden wird === | ||
Wenn Sie Raten benutzen, können sie in den Raten "Anfrage erlauben" = ja einstellen. Wenn Sie generell nur "Anfragen" erhalten möchten gehen Sie zu {{#fas:cog}} (KONFIGURATION) | Wenn Sie Raten benutzen, können sie in den Raten "Anfrage erlauben" = ja einstellen. Wenn Sie generell nur "Anfragen" erhalten möchten gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSSEITE und stellen "Buchungstyp" = Anfrage | ||
=== Zusätzliche Nachrichten und Warnungen === | |||
Zusätzliche Nachrichten können auf der Buchungsseite in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT >INHALT hinzugefügt werden. Hier können Sie auch die Standard-Warnmeldungen ändern, die angezeigt werden, wenn ein Zimmer nicht verfügbar ist. | |||
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Die Warnung für den Mindestaufenthalt wird auf Offertesniveau angezeigt. | |||
Wenn die Nachricht zum Mindestaufenthalt nicht auf Ihrer Seite angezeigt wird, sind alle Ihre Offerte auf 'Nur wenn verfügbar' eingestellt. | |||
Sie müssen mindestens 1 Offerte = Immer haben, dann wird die Warnung für den Mindestaufenthalt angezeigt, wenn die Suchdetails nicht verfügbar sind. | |||
=== Ein Logo zu Ihrer Seite hinzufügen === | |||
* Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BILDER und wählen Sie die zu importierende Datei. | |||
* Scrollen Sie zum Bild und klicken Sie auf "Bearbeiten", scrollen Sie bis zum Ende der Seite und kopieren Sie die URL. | |||
* Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > INHALT "Beschreibung Unterkunft 1" | |||
* Clicken Sie 'Bearbeiten', Suchen Sie dann das Symbol "Bild" und fügen Sie die URL in das URL-Feld ein, fügen Sie ggf. eine Beschreibung hinzu, ändern Sie die Größe nach Bedarf und klicken Sie auf OK. Verwenden Sie die anderen Funktionen, um das Bild wie gewünscht zu positionieren (Mitte, links, rechts). | |||
* Klicken Sie auf Speichern. | |||
=== Spamschutz === | |||
Sie können sich über Ihre Buchungsseite vor Spam schützen in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > VERHALTEN. | |||
*Setzen Sie "Captcha Code" auf "Pflichtfeld", damit Ihre Gäste einen Captcha-Code eingeben müssen, um die Buchung fortzusetzen. | |||
*Setzen Sie "Code per Email" auf "Pflichtfeld", | |||
damit Ihr Gast die Buchung nur fortsetzen kann, wenn er einen Code eingibt, der automatisch an ihn gesendet wurde. | |||
=== TripAdvisor Widgets === | === TripAdvisor Widgets === | ||
| Zeile 281: | Zeile 312: | ||
=== Chat hinzufügen=== | === Chat hinzufügen=== | ||
Chat Systeme stellen eine Skript zur Verfügung, welches in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > DEVELOPER "Einfügen in HTML" eingeben werden kann. | Chat Systeme stellen eine Skript zur Verfügung, welches in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > DEVELOPER "Einfügen in HTML" eingeben werden kann. | ||
==Barrierefreiheit== | |||
Die Buchungsseite hat eine Basisoptimierung für barrierefeien Zugang. | |||
Wenn Barrierefreiheit für Sie wichtig ist müssen Sie zusätzlich darauf achten: | |||
1. Dass Sie Farben mit hohem Kontrast wählen. Empfohlen sind: | |||
Hintergrundfarbe Seite: ffffff | |||
Hintergrundfarbe Content: ffffff | |||
Textfarbe Content: 000000 | |||
Farbe Link: 1a5176 | |||
Farbe Rahmen: bdbdbd | |||
Highlightfarbe von: ffffff | |||
Highlightfarbe bis: ffffff | |||
HighlightfarbeText: 000000 | |||
Formular Hintergrundfarbe : ffffff | |||
Formular Textfarbe : 000000 | |||
Hintergrundfarbe gewählte Daten: f2f2f2 | |||
Textfarbe gewählte Daten: 000000 | |||
Hintergrundfarbe verfügbare Daten: 12852b | |||
Textfarbe verfügbare Daten: ffffff | |||
Hintergrundfarbe Daten auf Anfrage: def7e3 | |||
Textfarbe Daten auf Anfrage: 000000 | |||
Hintergrundfarbe nicht verfügbare Daten: db5148 | |||
Textfarbe nicht verfügbare Daten: ffffff | |||
2. Wenn sich Ihre Buchungsseite als neue Seite/Tab öffnet, oder als Landingpage für Google genutzt wird, sollten Sie oben eine Unterkunftsbeschreibung mit H1 und idealerweise auch H2 Unterschriften hinzufügen. | |||
==Multiple Layouts== | ==Multiple Layouts== | ||
| Zeile 331: | Zeile 407: | ||
Die meisten Einstellungen werden automatisch übernommen. | Die meisten Einstellungen werden automatisch übernommen. | ||
<embedvideo service="youtube">https://www.youtube.com/watch?v=UOK8Hs_PnOM</embedvideo> | |||
NOTE: Wenn Sie "Version Buchungsseite"= Responsive auswählen ändert sich die Buchungsseite auf Ihrer Website. Wenn Sie nur testen wollen, können Sie dies tun, in dem Sie &version=3 zur URL Ihrer Buchungsseite hinzufügen. Um die verschiedenen Layouts zu sehen fügen Sie zu Nummer hinzu. z.B. &version=3&layout=2 zeigt Layout 2. Alternativ können sie Ihre Unterkunft zum Testen kopieren. Wenn Sie das tun stellen Sie sicher, dass alle Channel Manager Verbindungen in der kopierten Unterkunft deaktiviert sind. Für die zusätzlichen Einheiten fällt die normale Gebühr an. Wenn Sie mit den Anpassungen fertig sind können Sie die Einstellungen "klonen", um die Änderungen auf Ihre "echte" Unterkunft zu übertragen. Um diese Funktion zu nutzeb, klicken Sie auf das 'User Icon' oben rechts und dann auf 'Account Management' (im alten Control Panel gehen Sie zu SUB ACCOUNTS im Menu oben rechts). | |||