Integration: Technisches Dokument

Einführung

Diese Dokumentation richtet sich an Entwickler und Webmaster, die das Reservierungsmodul Yoplanning.pro in ihre Website integrieren möchten. Ziel ist es, das Benutzererlebnis zu verbessern, indem eine zugängliche und reaktionsfähige Reservierungsschnittstelle bereitgestellt und gleichzeitig eine individuelle Anpassung des Moduls ermöglicht wird.

Funktionsprinzip

Das Buchungsmodul von Yoplanning.pro ist so konzipiert, dass es sich nahtlos in Ihre Website integrieren lässt und eine reibungslose Benutzererfahrung ohne Weiterleitungen bietet. Das Modul wird in Form eines Popup-Fensters präsentiert, das über eine Schaltfläche oder einen Link aktiviert wird und es Benutzern ermöglicht, ihre Reservierungen direkt auf Ihrer Website vorzunehmen.

Vorteile

  • Optimale Anzeige: Anpassung an alle Arten von Bildschirmen, auch auf Mobilgeräten.

  • Einfache Integration: Kann mit einem einfachen JavaScript-Code zu Ihrer Website hinzugefügt werden.

  • Personalisierung: Generierung spezifischer Links für verschiedene Aktionen oder Kategorien.

Integration über Iframe

Obwohl möglich, wird die Integration über iframe aufgrund von Kompatibilitätsbeschränkungen mit mobilen Geräten nicht empfohlen. Bei Bedarf kann das Modul in einem neuen Tab geöffnet werden, um ein Vollbilderlebnis zu ermöglichen.

Integrationscode

Um das Modul zu integrieren, fügen Sie den folgenden JavaScript-Code in den „

“ Ihrer Site ein. Dadurch ist das Modul auf allen Seiten zugänglich, ohne dass mehrere Einfügungen erforderlich sind.

<script type="text/javascript" src="https://booking.yoplanning.pro/integration/script.js" async></script>

Über das Yoplanning-Backoffice können spezifische Links zum Reservierungsmodul generiert werden:

  1. Gehen Sie zu Konfiguration > Reservierungsmodul > Integrationsmenü.

  2. Verwenden Sie den URL-Modus, um eine URL zu erstellen, die Ihren Anforderungen entspricht.

  • Allgemeiner Link: „https://booking.yoplanning.pro/<UNIQUE_ID>/“.

  • Spezifische Kategorie: „https://booking.yoplanning.pro/<ID_UNIQUE>/?tag=<ID_CATEGORIE>“.

  • Produktblatt: „https://booking.yoplanning.pro/<ID_UNIQUE>/product/<ID_PRODUIT>“.

  • Direkter Zugriff auf den Warenkorb: „https://booking.yoplanning.pro/<UNIQUE_ID>/cart/“.

  • Direkter Store: https://booking.yoplanning.pro/<UNIQUE_ID>/shop/

Integrationsoptionen

Yoplanning bietet verschiedene Integrationsmodi:

  • Button: Für den direkten Zugriff über einen anklickbaren Button.

  • Floating-Symbol: Ein Symbol, auf das jederzeit auf der Seite 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 ein lokalisiertes und intuitives Erlebnis. (In den meisten Fällen empfohlene Methode.)

Erzwungene Standardsprache.

Wenn Sie eine mehrsprachige Website haben, Probleme bei der Spracherkennung haben oder die Anzeige des Moduls in einer definierten Sprache erzwingen möchten, können Sie ein bestimmtes Reservierungsmodul erstellen, indem Sie die Sprache in seiner Konfiguration erzwingen.

Abschluss

Die Integration des Yoplanning.pro-Reservierungsmoduls verbessert das Reservierungserlebnis auf Ihrer Website erheblich, dank seiner optimierten Benutzeroberfläche, seiner erweiterten Anpassungsoptionen und seiner Mehrsprachigkeitsverwaltung. Befolgen Sie die bereitgestellten Anweisungen für eine erfolgreiche Integration und um Ihren Benutzern ein nahtloses Buchungserlebnis zu bieten.

Last updated