Expertenfunktionen für das Buchungssystem iframe

*** Nur für Entwickler **

Manchmal kann es notwendig sein, z.B. zwei Buchungssystem für die generelle Suche in einem Smoobu-Konto zu haben. Bis jetzt haben wir ein Buchungssystem für die generelle Suche angeboten und zusätzlich noch individuelle Buchungssystems für jedes einzelne Objekt (hier eine Erklärung dazu).

Wir verstehen, dass du mehr als ein Buchungssystem brauchst, wenn du mehr als eine Website für deine Objekte hast, sei es, weil sie sich an verschiedenen Standorten befinden oder einfach nur, weil sie unterschiedliche Stile haben.

Hier möchten wir dir zeigen, wie du mehr als einen Buchungscode in für dein Smoobu-Konto erstellen kannst.

Fall 1: Es wird mehr als ein Buchungssystem auf derselben Website benötigt

Nehmen wir an, du hast die folgenden Objekte: Villa, Apartment, Bungalow und Zelt, und du möchtest eine Buchungsmaschine für nur 2 deiner Objekte erstellen.

Buchungsmaschine 1: sollte die Objekte Zelt und Bungalow enthalten
Buchungsmaschine 2: soll die Objekte Villa und Apartment enthalten.

Im Folgenden zeigen wir dir, wie du die Buchungsmaschine 1 erstellst.

Schritt 1
Kopiere das generelle Buchungssystem aus Einstellungen - Buchungssystem - In Website integrieren

Es sieht wie folgt aus:

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

Schritt 2
Wähle die Apartment-ID der Objekte, die du in einem einzigen allgemeinen Buchungsprogramm zusammenführen möchtest.

Wo finde ich meine Apartment-ID? Du findest sie, indem du auf Einstellungen - Für Entwickler klickst.

In unserem Beispiel ist dies die Apartment-ID für das Objekt namens Tent. Sie sehen sie unten in rot:

<div id="apartmentIframe427153">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/62511/427153", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframe427153"})</script>
</div>

Wiederhole den Vorgang für die andere Unterkunft. In unserem Beispiel, für Bungalow.

<div id="apartmentIframe427150">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/62511/427150", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframe427150"})</script>
</div>

Schritt 3
Jetzt müssen wir den Parameter ?apartmentGroups[]="ApartmentID" zum ursprünglichen Code des Buchungssystems hinzufügen, den wir in Schritt 1 kopiert haben, und wir müssen ein "&" für jede zusätzliche Einheit hinzufügen.

Bitte beachte, dass "ApartmentID" durch die ApartmentID-Nummern ersetzt werden sollte, die wir in Schritt 2 ermittelt haben.

Nachfolgend siehst du, wie alle Informationen zusammen aussehen sollten:

<div id="apartmentIframeAll">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/62511?apartmentGroups[]=427153&apartmentGroups[]=427150", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframeAll"})</script>
</div>

Geschafft! Jetzt kannst du diesen Code in deine Website integrieren

PRO TIPP: Wenn du es vorziehst, dass deine Website-Besucher nicht die Möglichkeit haben, deine anderen Unterkünfte zu sehen, kannst du diese Möglichkeit per CSS (erweitert) deaktivieren. Siehe Beispiel (4) hier: ***Für Entwickler*** Buchungssystem für externe Website: angepasstes CSS

Fall 2: Mehr als ein Buchungssystem - integriert auf verschiedenen Websites

Wenn du mehr als ein Buchungssystem erstellen möchtest, weil du es auf verschiedenen Websites integrieren möchtest, können wir dir mehrere Subdomains zur Verfügung stellen. Dies ist z.B. notwendig, wenn du verschiedene Direktbuchungswebseiten für ein und dasselbe Apartment brauchst. Sagen wir, deine eigene Website und die Website deines Freundes. Wenn du ihm eine separate Subdomain gibst, kannst du die Leistung beider Sites unterschiedlich verfolgen.

1. Erstelle dafür einen individuellen iCal-Kanal in den Einstellungen des Buchungssystems. Du kannst es benennen, wie du möchtest "my-friends-website"
2. Sende uns eine Nachricht mit deinem Wunsch, ein zweites Buchungssystem mit der Kanal-ID (du siehst sie in der URL) der Einstellungen des einzelnen Kanals zu erhalten.

3. Wir stellen dir dann einen zweiten HTML-Code zur Verfügung, den du in den Einstellungen deines Buchungssystems sehen kannst: https://login.smoobu.com/de/booking-tool/bookingToolIframeSettings