Einführung: Technisches Dokument
Einführung
Diese Dokumentation richtet sich an Entwickler und Webmaster, die das Buchungsmodul von Yoplanning.pro in ihre Website integrieren möchten. Ziel ist es, die Benutzerfreundlichkeit durch eine barrierefreie und responsive Buchungsoberfläche zu verbessern und gleichzeitig die Modulanpassung zu ermöglichen.
Funktionsprinzip
Das Buchungsmodul von Yoplanning.pro lässt sich nahtlos in Ihre Website integrieren und bietet ein nahtloses Benutzererlebnis ohne Weiterleitungen. Das Modul erscheint als Popup-Fenster, das über eine Schaltfläche oder einen Link aktiviert wird und es Nutzern ermöglicht, direkt auf Ihrer Website zu buchen.
Vorteile
Optimale Anzeige: Passt sich allen Bildschirmtypen an, einschließlich Mobilgeräten.
Einfache Integration: Kann mit einem einfachen JavaScript-Code zu Ihrer Site hinzugefügt werden.
Personalisierung: Generierung spezifischer Links für verschiedene Aktionen oder Kategorien.
Einbindung per Iframe
Obwohl möglich, wird die Einbettung über ein Iframe aufgrund der Kompatibilität mit Mobilgeräten nicht empfohlen. Bei Bedarf kann das Modul in einem neuen Tab geöffnet werden, um die Vollbildansicht zu ermöglichen.
Integration per Iframe: Scrollverhalten
Im Iframe-Modus nimmt das Reservierungsmodul standardmäßig die gesamte mögliche Höhe ein und das Scrollen erfolgt auf Ihrer Site, siehe Screenshot unten:
Dieses Verhalten lässt sich durch Hinzufügen des Parameters „bescroll=inside“ in der Integrations-URL des Buchungsmoduls ändern. Das Modul nimmt dann die Bildschirmhöhe an und das Scrollen erfolgt direkt im Modul und nicht auf Ihrer Website (siehe Screenshot unten):
Integrationscode
Um das Modul einzubetten, fügen Sie den folgenden JavaScript-Code in den „
“ Ihrer Website ein. Dadurch ist das Modul auf allen Seiten verfügbar, ohne dass mehrere Einbettungen erforderlich sind.
<script type="text/javascript" src="https://booking.yoplanning.pro/integration/script.js" async></script>Generierung von Buchungsmodul-Links
Über das Yoplanning-Backoffice können spezifische Links zum Buchungsmodul generiert werden:
Gehen Sie zu Einstellungen > Buchungsmodul > Integrationsmenü.
Verwenden Sie den URL-Modus, um eine URL zu erstellen, die Ihren Anforderungen entspricht.
Beispiele für generierte Links
Allgemeiner Link:
https://booking.yoplanning.pro/<ID_UNIQUE>/Spezifische Kategorie:
https://booking.yoplanning.pro/<UNIQUE_ID>/?tag=<CATEGORY_ID>Produktblatt:
https://booking.yoplanning.pro/<ID_UNIQUE>/product/<ID_PRODUIT>Direkter Zugriff auf den Warenkorb:
https://booking.yoplanning.pro/<ID_UNIQUE>/cart/Direktshop:
https://booking.yoplanning.pro/<ID_UNIQUE>/shop/
Integrationsoptionen
Yoplanning bietet verschiedene Integrationsmodi:
Button: Für den direkten Zugriff über einen anklickbaren Button.
Floating Icon: Ein Symbol, auf das auf der Seite jederzeit zugegriffen werden kann.
Hyperlink: Zum Einbetten in Text oder Bilder.
Iframe: Wird als letztes Mittel verwendet, wenn JavaScript eingeschränkt ist.
Einfache URL: Zur direkten Einbindung als Link.
Mehrsprachiges Management
Das Modul erkennt automatisch die Browsersprache des Benutzers mithilfe des externen Dienstes https://gtranslate.io/detect-browser-language und bietet so eine lokalisierte und intuitive Benutzererfahrung. (In den meisten Fällen empfohlene Methode.)
Standardmäßig erzwungene Sprache.
Wenn Sie eine mehrsprachige Website haben oder Probleme mit der Spracherkennung haben oder die Anzeige des Moduls in einer bestimmten Sprache erzwingen möchten, können Sie ein spezielles Buchungsmodul erstellen, indem Sie die Sprache in seiner Konfiguration erzwingen.
Abschluss
Die Integration des Buchungsmoduls Yoplanning.pro verbessert das Buchungserlebnis auf Ihrer Website deutlich dank optimierter Benutzeroberfläche, erweiterten Anpassungsmöglichkeiten und mehrsprachigem Support. Folgen Sie den Anweisungen für eine erfolgreiche Integration und bieten Sie Ihren Nutzern ein nahtloses Buchungserlebnis.
Last updated