Zum Inhalt springen

Der Jetzt Buchen Button

Der JETZT BUCHEN Button ist ein allgegenwärtiger Begriff in der Hotellerie, der sich auf die eigene Integration des Hotels mit einem Anbieter bezieht, der über die Verfügbarkeit und Preise der Unterkunft Bescheid weiß und es Reisenden ermöglicht, ein Zimmer zu buchen. Der Button ist der einfachste Weg für Hotels, Zimmer auf ihrer eigenen Website und zu ihren eigenen Bedingungen zu verkaufen.

Viele Hotels nutzen die gebündelte Buchungsmaschine, die von ihrem Channel Manager angeboten wird. Wir empfehlen Hotels jedoch, eigene Recherchen anzustellen und native Buchungsmaschinen zu vergleichen, bevor sie sich für eine bestimmte entscheiden.

Dieser Artikel richtet sich hauptsächlich an Hotels, die unsere kostenlose, hochkonvertierende Buchungsmaschine auf ihrer Website installieren möchten. Aber… es ist auch eine nützliche Lektüre für alle, die unsere Technologien auf ihren Websites einsetzen wollen.

Für die einfachste Integration empfehlen wir die Verwendung eines Shareable Link.

Hier sind die Schritte dazu:

  1. Gehen Sie zu https://extranet.wink.travel
  2. Klicken Sie oben rechts auf Sign-In / Register und melden Sie sich mit Ihrem Benutzerkonto an.
  3. Wählen Sie die Unterkunft aus, mit der Sie arbeiten möchten, aus dem Dropdown-Menü oben links.
  4. Klicken Sie in der Navigationsleiste auf Booking engine.
  5. Die Seite zeigt Ihnen Ihren Link an.
  6. Geben Sie diesen Link an Ihren Webmaster weiter und verwenden Sie ihn für Ihren JETZT BUCHEN Button.
  7. Fertig ✅.

Der Link enthält bereits eine Reiseroute, die in der URL eingebettet ist und aus Ihrer gewählten customization stammt. Sie können Ihren Link weiter anpassen durch:

  • Ändern der ausgewählten Customization ODER
  • Überschreiben der Reiseroute

In diesem Artikel konzentrieren wir uns auf Letzteres, da es Ihnen mehr Freiheit gibt, Reisenden zu erlauben, eine Reiseroute auf Ihrer Website auszuwählen und diese an die Wink-Buchungsmaschine weiterzuleiten.

So übergeben Sie Ihre eigene Reiseroute zusammen mit der URL.

Gültige Anfrageparameter:

  • sd Um ein Startdatum hinzuzufügen: sd=2024-08-24
  • n Um die Anzahl der Nächte hinzuzufügen: n=1 ODER
  • ed Enddatum verwenden: ed=2024-08-25
  • rc Gäste: rc=a2 (Erwachsene: 2)
  • l Anzeige-Sprache anfordern: l=es
  • c Anzeige-Währung anfordern: c=EUR
  • p Promotion hinzufügen: p=ABC123

Die URL würde so aussehen:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2&l=es&c=EUR

Für fortgeschrittene Anwendungsfälle können Sie auch mehrere Zimmerkonfigurationen mit dem + Zeichen anfordern:

Beispiel:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2-ca16q1-ca8q1+a2&l=es&c=EUR

  • Zimmertyp 1 = Erwachsene: 2, Kinder: 2 = 16 Jahre + 8 Jahre alt.
  • Zimmertyp 2 = Erwachsene: 2.

Beispiel-HTML für den JETZT BUCHEN Button:

Dieses Beispiel geht davon aus, dass Sie Bootstrap als Ihre primäre CSS-Bibliothek verwenden.

<a
href="https://trvl.as/abc123"
target="_blank"
class="btn btn-lg btn-primary"
title="Zimmer buchen"
>
JETZT BUCHEN
</a>

Es gibt weitere Vorteile, einen unserer Links als Ihren jetzt buchen Button zu verwenden.

  • Social-friendly Der Link kann leicht in sozialen Medien geteilt werden und zeigt dynamische Preise über dem von Ihnen ausgewählten Bild an.
  • Kurz Die URL ist sehr gut teilbar und kann an Orten wie Ihrer Instagram-Bio-URL verwendet werden.

Einige Hotels wünschen sich mehr Funktionalität und eine tiefere Integration für ihre Website. Dieses Beispiel zeigt, wie man eine Card in ihre Website einbettet.

Hier sind die Schritte dazu:

  1. Gehen Sie zu https://studio.wink.travel
  2. Klicken Sie oben rechts auf Sign-In / Register und melden Sie sich mit Ihrem Benutzerkonto an.
  3. Wählen Sie die Unterkunft aus, mit der Sie arbeiten möchten, oben links aus.
  4. Klicken Sie in der Hauptnavigation auf Search.
  5. Geben Sie den Namen Ihrer Unterkunft ein und klicken Sie auf die Suchschaltfläche.
  6. Klicken Sie auf den Actions Link auf Ihrer Suchergebnis-Karte und wählen Sie Create > Make a Card.
  7. Dadurch wird eine Card erstellt.
  8. Oben rechts erscheint eine Nachricht, die Ihnen mitteilt, dass Ihre Karte fertig ist und ob Sie sie weiter anpassen möchten.
  9. Klicken Sie in der Hauptnavigation auf Tools > Cards und Sie sehen Ihre neue Karte.
  10. Klicken Sie auf den Actions Link auf Ihrer Kartenkarte und klicken Sie auf Embed.
  11. Es öffnet sich ein neues Fenster mit Beispiel-HTML-Code, den Sie kopieren können.
  12. Um Ihre Client-ID abzurufen, gehen Sie zu Applications.
  13. Um Ihre Configuration-ID abzurufen, gehen Sie zu Customization
  14. Fertig ✅.

Beispiel für eingebettetes Karten-HTML:

<wink-content-loader
layout="GUEST_ROOM"
id="09d7cca4-6ff6-11ef-949b-42004e494300"
></wink-content-loader>

Das obige HTML-Beispiel enthält nicht das erforderliche Wink CSS und Javascript; nur die Karte.

Kartenvorschau
Vorderseitige Zimmerkartenansicht mit Verfügbarkeit

Ein Buchender sieht nun dynamische Preise, kann die Reiseroute ändern und direkt auf Ihrer Website buchen. Der Buchungsbutton führt Sie zur Wink Unterkunfts-Landingpage, um die Zahlung abzuschließen.