Integration externer Funktionen in die Gästemappe / Gäste App - Whatsapp, Google Maps etc.

Mit der digitalen Smoobu-Gästemappe kannst du deine eigenen Inhalte hinzufügen und das Erlebnis deiner Gäste verbessern. Füge deine eigenen Inhaltselemente hinzu und füge Videos, Karten mit Routen zur Anreise oder andere Inhalte in Form von iFrame hinzu. Darüber hinaus zeigen wir dir, wie du WhatsApp integrieren kannst.

Beispiel 1: Wie integriere ich eine Karte mit Wegbeschreibung

Öffne Smoobu > Einstellungen > Gästemappe

1. Klicke auf Erstellen

2. Füge den Betreff hinzu z. B. Wegbeschreibung

3. Öffne Google Maps und gib die Route ein. Klicke auf das Menüsymbol und klicke dann auf Teilen oder Karte einbinden

Füge den HTML-Code in das Inhaltsfeld in Smoobu ein (Strg + V)

Beispiel 2: Wie integriere ich ein YouTube Video?

1. Bitte öffne auf YouTube das Video, das du hinzufügen möchtest.

2. Klicke unter dem Video auf Teilen. Ein Fenster öffnet sich, bitte klicke nun auf Kopieren:

3. Klicke auf Video und füge den Link ein

 

Beispiel 3: Wie integriere ich WhatsApp?

Schritt 1: Wie erstelle ich die URL, die deine Gäste zu WhatsApp weiterleitet?

Die URL hat dieses Format: https://api.whatsapp.com/send?phone=number&text=message

Passe den Link an, damit du ihn benutzen kannst:

a) Anstelle von "number", gib deine Nummer wie folgt ein: Ländercode + Nummer. Z.B.: [phone]

b) Anstatt "message", kannst du einen Betreff eingeben

Möchtest du beispielsweise schreiben: "Hallo! Ich bin dein Gastgeber", dann hinterlege im Link: Hallo!%20Ich%20bin%20dein%20Gastgeber

Das Resultat wäre dann der folgende Link: 

https://api.whatsapp.com/send?phone=12073000212&text=Hallo!%20Ich%20bin%20dein%20Gastgeber

Option 1) Erstelle einen direkten Link von einem Text

Wie in den vorherigen Beispielen erstellst du zuerst neue Inhalte.

Du kannst ein kleines WhatsApp-Bild eingeben und dann eine kurze Beschreibung hinzufügen. Du solltest dann einen direkten Link, den du in Schritt 1 erstellt hast, in dem Text einfügen - in diesem Beispiel "Kontaktieren Sie uns über WhatsApp".

Kopiere den Link und füge diesen in Smoobu als Link ein

Option 2) Erstelle einen Link in ein WhatsApp-Logo

Benutzte hierfür folgenden HTML code :

<p style="text-align: center; "><a href="https://api.whatsapp.com/send?phone=12073000212&text=Hi!%20I'm%20your%20guest" target="_blank"> <img border="0" alt="whatsappicon" src="https://www.smoobu.com/wp-content/uploads/2019/12/119959_whatsapp_512x512.png " width="80" height="80"></a></p>

Ersetze bitte den grünen Abschnitt des Codes durch die Whatsapp-URL, die du in Schritt 1 erstellt hast.

Gehe jetzt zu deinem Inhaltsblock auf Smoobu - Codeansicht - und füge den HTML-Code ein. Schließe die Codeansicht und speichere.

Auf diese Weise können deine Gäste dich auch über WhatsApp kontaktieren.

Beispiel 4: Wie man ein PDF anzeigt 

Du kannst auch eine PDF-Datei anzeigen, um deinen Gästen einige Anweisungen zu geben. Dazu müssen wir die Datei zunächst auf der Website deiner Wahl hosten und dann den folgenden Code einfügen, damit der Browser das anzeigt, was wir brauchen. Er sieht folgendermaßen aus:

<p></p><object data="YourPdf.PDF" type="application/pdf" width="100%" height="1500">
<p>Es scheint, als hättest du kein PDF-Plugin für diesen Browser.
Du kannst <a href="DeinPdf.PDF">hier klicken, um
die PDF-Datei herunterzuladen.</a></p>
</object>

Vergiss bitte nicht, beide Instanzen von YourPdf.PDF durch einen tatsächlichen Link zu der PDF-Datei zu ersetzen, die du anzeigen möchtest.

Open Table - Restaurant Reservierungen 

https://www.opentable.de/widget/reservation/preview?rid=138102&language=en-US&domainId=3&countryCode=DE

Hast du andere mögliche Integrationen oder Iframes entdeckt? Teile sie, damit wir sie dem Leitfaden hinzufügen können!