Wie kann ich das Buchungssystem (Buchungstool) in meine externe Website integrieren?

 

Integriere das Buchungssystem in deine externe Website (Wordpress, Wix, Squarespace oder eine andere)

Im Screenshot siehst du das Buchungssystem, das alle verfügbaren Unterkünfte (apartmentframeall) für einen bestimmten Zeitraum anzeigt. 

Unser Buchungssystem basiert auf einem HTML- und CSS-Code. Wir verwenden HTML für die Integration. Um diesen iFrame in deine externe Webseite einzufügen, musst du daher eine HTML-fähige Webseite haben. Es gibt zwei Möglichkeiten, um den iFrame-Code in deine eigene Website zu integrieren.

Option 1) Iframe-Link in deine Webseite hinter einem Buchungs-Button einfügen

Diese Art der Integration wird verwendet, wenn du einen Button auf deiner Webseite erstellen möchtest z.B. einen Button "Jetzt buchen", um diesen dann mit dem Buchungssystem von Smoobu verknüpfen zu können. Wenn du unseren iFrame hinter deinen Buchungsbutton einfügst, wird dadurch eine externe Seite geöffnet. Verwende den Link zum Buchungstool und du kannst deinen potenziellen Gästen eine  direkte Buchung auf einer anderen Website ermöglichen. Die Schaltfläche kann ein Button, ein Foto oder ein anderes Element sein.

Bei dem folgenden Gastgeber sieht es so aus: Gipfelstuermer-winterberg.de. Dieser Gastgeber hat den Buchungsbutton wie folgt benannt: "Jetzt buchen".

In Smoobu ist der allgemeine Code für die generelle Abfrage von Zeiträumen und Ergebnissen aller verfügbaren Wohnungen zuständig. Aber es kann auch ein iFrame-Code für einzelne Unterkünfte erstellt werden, die sich dann nur auf eine individuelle Unterkunft beziehen bzw. die Verfügbarkeit nur von einer Unterkunft anzeigen.

Wenn du nur eine Unterkunft hast, kann es sinnvoll sein, den iFrame-Link für die einzelnen Unterkünfte zu verwenden.

Wo finde ich den Link?

1) Link für die allgemeine Suche (für alle Unterkünfte). Pfad: Einstellungen - Buchungssystem - In Website integrieren. Kopiere den Link von der URL.

Beispiel:

2) Individueller iFrame-Link für jedes Objekt (für einzelne Unterkünfte). Einstellungen - Pfad: Einstellungen - Buchungssystem - In Website integrieren- Für einzelne Unterkünfte.

Wähle unter Unterkünfte die Unterkunft aus, für die der individuelle iFrame-Link erstellt werden soll:

Option 2) Direkte Integration in die Website

Wenn du das Buchungssystem nahtlos in deine Website integrieren möchtest, ohne den Gast auf eine externe Website zu leiten, verwende den HTML-Code (iFrame) für die Integration in deine Website.

Um das Buchungstool noch besser zu integrieren, kannst du die Deckkraft / Transparenz des Hintergrunds unten auf der Seite des Buchungssystems ändern.

Bitte kopiere den Code und füge ihn in den HTML-Code deiner externen Website ein. Wenn du deine Website von einem Webdesigner erstellen lässt, musst du ihn möglicherweise bitten, dies für dich zu tun.

 

Wie bekomme ich den HTML-Code?

1) Hier findest du den allgemeinen Code Buchungstool-Suche (alle Unterkünfte werden in der Suche angezeigt). Diesen findest Du unter Einstellungen - Buchungssystem - In Website integrieren - HTML-Code (Iframe) zum Einfügen des Buchungstools in eine externe Seite.

Beispiel für einen iFrame-Code:

<div id = "Buchungstool-Container-allApartments">
<script type = "text / javascript" src = "https://login.smoobu.com/js/Settings/BookingToolIframe.js"> </ script>
<script> BookingToolIframe.initialize ({"url": "https://login.smoobu.com/de/booking-tool/iframe/12532", "baseUrl": "https://login.smoobu.com", "target": "# booking-tool-container-allApartments"}) </ script>
</ div>

2) Individuelle Buchungstool-Suche (nur für die Abfrage bei einer einzelnen Unterkunft). 

Wie oben bereits beschreiben, musst du das Buchungstool individuell für jedes Objekt selbst erstellen.

Diesen individuellen Link kannst du anschließend auf deiner Webseite unter das entsprechende Objekt einfügen, eventuell gemeinsam mit dem Belegungskalender. Der Belegungskalender zeigt dem Gast an, welche Zeiträume noch verfügbar sind, so kann der Gast sein Anreisedatum anpassen.