Best Practices zum Einbetten und Konfigurieren eines Palisis-Webshops via Iframe

Was bedeutet das?

In diesem Artikel bieten wir eine umfassende Anleitung zum Einbetten des Palisis-Webshops via iframe, einschließlich wesentlicher Konfigurationseinstellungen und Design-Best-Practices, um die Customer Journey zu optimieren.

Allgemeines Wissen

Palisis Webshop

Der Palisis Webshop ist ein einfach zu integrierender Online-Shop, der es Ihnen ermöglicht, Ihre Touren und Erlebnisse direkt von Ihrer Webseite aus zu verkaufen.

iFrame

Denken Sie an ein iFrame (Abkürzung für Inline Frame) als ein Fenster auf einer Webseite, das in eine andere Webseite hineinblickt.

Anstatt dass der Kunde die Seite des Reiseveranstalters verlässt, um auf eine separate Buchungsseite zu gelangen, ermöglicht ein iFrame, dass der Palisis Webshop direkt innerhalb der bestehenden Seite des Veranstalters angezeigt wird.

Es gibt drei Hauptgründe, warum ein Kunde diese Einrichtung wählen würde:

• Markenkonsistenz: Gewährleistet ein einheitliches Nutzererlebnis, indem der Buchungsprozess auf Ihrer eigenen Domain bleibt.

• Reduzierte Reibung: Vereinfacht den Kaufprozess, um die Konversionsrate zu erhöhen, indem Seitenweiterleitungen vermieden werden.

• Einfache Integration: Vereinfacht die technische Einrichtung mit einem „Plug-and-Play“-Fenster, das die gesamte Buchungslogik übernimmt.

Best Practices

Wenn Sie einen Palisis Webshop in einem iFrame einbetten, müssen Sie einige Anpassungen vornehmen, damit er perfekt läuft. Hier sind einige Best Practices, um das Erlebnis für Ihre Kunden deutlich zu verbessern.

Sie können Ihren Webshop weiter anpassen und branden, indem Sie ihn öffnen und den 'Erweitert'-Tab auswählen. Dort können Sie bestimmte Parameter (z. B. Layout und Farbe, Buchungsprozess usw.) aktivieren oder deaktivieren, um das Erscheinungsbild an Ihre Marke anzupassen.

Best Practices:

1. Logo ausblenden: Das Ausblenden sorgt für ein nahtloseres White-Label-Erlebnis und verhindert eine doppelte Markenpräsenz.

2. Verwenden Sie eine Direktbuchungs-URL: Optimieren Sie Ihre Konversionsrate. Dies minimiert Weiterleitungen zu Drittanbietern und bietet Ihren Kunden eine schnellere und zuverlässigere Buchungsreise.

3. Mobile Menüansicht deaktivieren: Dies entfernt überflüssige Navigationselemente und vereinfacht die Nutzerreise, indem die Anzahl der Buchungsschritte reduziert wird.

4. Kontaktinformationen ausblenden: Um Redundanz zu vermeiden, können Sie die Kontaktdaten aus der Webshop-Oberfläche entfernen. Die meisten Unternehmen stellen diese Informationen bereits über ein eigenes Impressum oder eine Kontaktseite bereit, was einen saubereren und fokussierteren Checkout-Prozess ermöglicht. Wie man die Kontaktdaten im Webshop ausblendet

iFrame Resizer Integration

Ein einfaches Beispiel für die Integration finden Sie hier: https://palisis-webshop-samples.palisis.com/simple-desktop-iframe.html Die Palisis Desktop-Engine verwendet ein Drittanbieter-Tool namens iFrame Resizer, damit sich der eingebettete Webshop automatisch an die Höhe der Hosting-Seite anpasst. Das Tool ist auf GitHub verfügbar: https://github.com/davidjbradshaw/iframe-resizer. Als Teil der Einrichtung der Desktop-Engine verlinkt und stellt Palisis die JavaScript-Datei iframeResizer.contentWindow.min.js für jede Desktop-Engine-Instanz bereit. Dies ist die einzige Voraussetzung seitens Palisis für die Nutzung dieses Tools auf der Hosting-Seite (also der Seite des Kunden, die den iFrame einbettet). Der Kunde oder Webdesigner sollte der Anleitung "Getting started" von iFrame Resizer folgen, um die Bibliothek auf der Seite einzurichten, auf der der Palisis Webshop iFrame eingebettet ist. Wenn Sie diese Bibliothek verwenden, stellen Sie heightCalculationMethod auf taggedElement ein. Um Cross-Domain-Probleme zu vermeiden, verwenden Sie außerdem checkOrigin: false. Beispielcode:

<iframe id="myIframe" src="https://mytestingshop.palisis.com/" style="width:100%; border:none"></iframe>
<script>
iFrameResize({checkOrigin:false, heightCalculationMethod: 'taggedElement'}, '#myIframe');
</script>

Gut zu wissen

Bei Palisis erstellen wir keine Webseiten selbst; wir liefern die Buchungsengine. Wenn Sie unser Kunde sind, sollten Sie mit Ihrem eigenen Webdesigner zusammenarbeiten, um eine maßgeschneiderte Lösung für Ihre Webseite sicherzustellen.

Hier nachschauen Wie man neue Benutzer konfiguriert

ℹ️Der Benutzer sollte nur Zugriff auf den Vertriebskanal > Webshop-Bereich haben