Journeys auf deiner Website einbinden
Mit dem Einbettungskonfigurator kannst du konfigurieren, wie eine Journey auf deiner Website eingebettet werden soll. Der nachfolgende Artikel enthält genauere Informationen zu unterschiedlichen Einbettungsarten.
💡 Hinweis
Mehr Informationen über die technischen Details und Anpassungsmöglichkeiten im Einbettungskonfigurator findest du in unserem DEV-Guide. Hier kannst du dich auch über die Einbindung von mehreren Journeys auf deiner Website informieren.
Journey-Einbettung konfigurieren
Gehe folgendermaßen vor, um zum Einbettungskonfigurator zu gelangen:
- Erstelle oder editiere eine Journey.
- Klicke auf die Option Speichern und Einbettung konfigurieren.
💡 Hinweis
Sofern du bereits eine Journey in deine Website implementiert hast und diese durch eine andere Journey ersetzen möchtest, ersetze den gesamten Code der integrierten Journey durch den Code der neuen Journey aus dem Einbettungskonfigurator, um technische Fehler bei der Anzeige und Funktionsweise zu vermeiden.
Aufbau des Einbettungskonfigurators
Auf der rechten Seite kannst du zwischen den beiden verfügbaren Einbettungsarten der Journey wählen: Vollbildschirm und Inline.
Auf der linken Seite siehst du eine Vorschau der ausgewählten Einbettungsart. Die Journey wird in Originalgröße zum responsiven Kontext der Website dargestellt. So stellen wir sicher, dass die Journey auf mobilen Endgeräten ideal dargestellt wird.
Vollbildschirm
Bei der Einbettungsart Vollbildschirm wird die Journey über einen Button auf deiner Website platziert. Klickt der Website-Nutzer auf diesen Button, öffnet sich die Journey im Vollbild-Modus über deiner Website.
💡 Hinweis
Der Website-Nutzer verlässt den Kontext der Website nicht. Die Journey wird als sogenanntes fullscreen overlay geöffnet und die URL der Website bleibt gleich. Beim Schließen der Journey kehrt der Website-Nutzer zurück zur Website.
Du hast die Möglichkeit, den Text des Buttons, die Sprache der Journey (Standard: Deutsch) sowie dessen Ausrichtung (Links, Mittig oder Rechts) in unserem Einbettungskonfigurator eigenständig zu definieren. Zudem kannst du festlegen, ob beim Navigieren durch die Journey nach oben gescrollt werden kann oder nicht.
Inline
Mit der Einbettungsart Inline kannst du die Journey als Teil der Website im Fenstermodus darstellen.
Innerhalb des Einbettungskonfigurators kannst du auch hier die Sprache der Journey auswählen (Standard: Deutsch) und unterschiedliche Breiten definieren. Wähle zwischen 50 %, 80 % und 100 %. Zudem hast du die Möglichkeit, die Kopfleiste der Journey mit Logo ein- oder auszublenden und zu bestimmen, ob beim Navigieren durch die Journey nach oben gescrollt werden kann oder nicht.
Beispiel: Einbettung einer Journey als Vollbildschirm
Du bist an der Einbettungsart Vollbildschirm interessiert und möchtest dir anschauen, wie dies auf deiner Website aussehen könnte.
- Wähle hierzu die Einbettungsart Vollbildschirm aus.
- Lege die Bezeichnung des Buttons fest, der auf deiner Website angezeigt werden soll.
- Wähle aus, wie der Button ausgerichtet sein soll (links, mittig oder rechts).
- Klicke in der Vorschau auf den Button, um das Verhalten der Journey mit der Einbettungsart Vollbildschirm zu prüfen.
- Speichere deine Einstellungen und kopiere damit den Einbettungscode in die Zwischenablage.
- Füge den Einbettungscode an die gewünschte Stelle deiner Website ein.
💡Hinweis
Um eine korrekte Anzeige der Journey sicherzustellen, kannst du die komplette Journey in der Vorschau im Einbettungskonfigurator selbst durchlaufen.