Beim Designen Ihrer Product Tour müssen Sie zuerst eine Website auswählen, auf der Sie sie erstellen möchten:
Manchmal erscheint der Tour-Builder (diese blaue Leiste 👇) nicht, wenn Sie Ihre Website öffnen.
Wenn Sie den Tour-Builder nicht sehen können, sollten Sie drei Dinge überprüfen:
Überprüfen Sie, ob der Messenger auf Ihrer Website installiert ist
Um eine Product Tour zu gestalten, muss der Messenger auf der Website installiert sein, auf der Sie sie erstellen möchten. Wenn er nicht installiert ist, lädt der Tour-Builder nicht. Zum Beispiel, wenn Sie eine Tour in Ihrem Produkt erstellen wollen, aber den Messenger nur für ausgeloggte users installiert haben, erscheint der Tour-Builder nicht in Ihrem Produkt.
Wenn Sie den Messenger nicht installiert haben, lesen Sie diese Anleitungen, um zu starten:
Wenn Sie eine Tour für ausgeloggte users erstellen, sollten Sie den Messenger auf Ihrer Website installieren.
Wenn Sie eine Tour für eingeloggte users erstellen, sollten Sie den Messenger in Ihrem Produkt installieren.
Ist Ihre Website in einem iframe eines Drittanbieters eingebettet?
Product Tours funktionieren nicht auf einer Seite, auf der Ihre Website in einem iframe eines Drittanbieters eingebettet ist.
Der Intercom Messenger wird immer in einem eigenen iframe gerendert, was erwartetes Verhalten ist und nicht geändert werden kann. Wenn Ihre Website oder Ihr Produkt jedoch selbst in einem iframe eines Drittanbieters geladen wird (z. B. eine Shopify App oder ein Figma Plugin), kann der Messenger keine Informationen von der übergeordneten Seite mit dem iframe abrufen.
In diesen Fällen werden Product Tours nicht unterstützt.
Ändert Ihre Website window.opener?
Der Tour-Builder verwendet die window.opener-Eigenschaft, um mit der Intercom-App zu kommunizieren. Wenn diese Eigenschaft durch das Javascript Ihrer Website (oder eine von Ihnen verwendete Bibliothek) überschrieben wird, funktioniert der Tour-Builder nicht.
Überprüfen Sie Ihren Cross-Origin-Opener-Policy-Header
Wenn Ihr Cross-Origin-Opener-Policy-Header einen anderen Wert als den Standardwert "unsafe-none" hat, wird das Setzen von window.opener verhindert und der Tour-Builder lädt nicht.
Der Cross-Origin-Opener-Policy muss nur während des Erstellens der Tour auf "unsafe-none" gesetzt sein, damit die Tour-Builder-Tools erscheinen und funktionieren. Der "unsafe-none"-Wert kann nach Fertigstellung der Tour auf Ihren bevorzugten Wert geändert werden – die Einstellung beeinflusst nicht, wie oder wann eine "Live"-Tour dem Endnutzer angezeigt wird.
Stellen Sie sicher, dass Sie im richtigen Intercom-Arbeitsbereich sind
Wenn Sie mehrere Intercom-Arbeitsbereiche haben (z. B. für verschiedene Websites), stellen Sie sicher, dass der Arbeitsbereich, in dem Sie die Tour gestalten, auf der Seite installiert ist, auf der Sie sie erstellen.
Um dies zu überprüfen, sehen Sie sich die Arbeitsbereich-ID in der URL der Product Tours-Seite in Intercom an:
Öffnen Sie dann die Konsole Ihres Browsers auf der Seite, auf der Sie Ihre Tour erstellen, und fügen Sie den folgenden Befehl ein: window.intercomSettings.app_id:
Wenn diese IDs nicht übereinstimmen, müssen Sie zum richtigen Arbeitsbereich in Intercom wechseln und dort mit der Tour-Erstellung beginnen.
Hinweis: Diese Methode funktioniert nur mit der Standard-JavaScript-Installation.
Greifen Sie mit einer IP-Adresse auf Ihre Seite zu?
Damit der Product Tour-Builder lädt, müssen Sie Ihre Website mit einer vollqualifizierten domain wie https://www.examply.com öffnen, nicht mit einer IP-Adresse wie 123.4.5.67.
Erstellen Sie Ihre Tour in einem Modal- oder Dialogfenster?
In einigen Modal- und Dialogfenstern (Pop-ups) macht „Focus trapping“ das Eingeben von Inhalten in die Nachrichten der Tour unmöglich.
Wenn Sie hier versuchen zu tippen:
Springt der Fokus stattdessen zu einem anderen Element. (Hinweis: Dies ist möglicherweise nicht sichtbar):
Dies betrifft nur die Erstellung der Tour, nicht die Anzeige für Ihre Kunden. Wenn Sie „Focus trapping“ vorübergehend deaktivieren, um Ihre Tour zu erstellen, können Sie es nach Fertigstellung wieder aktivieren, und die Tour wird ohne Probleme an die Kunden gesendet.
Sie sollten mit einem Ingenieur oder Entwickler in Ihrem Team klären, ob Sie Focus trapping verwenden und es vorübergehend deaktivieren lassen.
Immer noch Probleme?
Wenn Sie den richtigen Arbeitsbereich auf Ihrer Website installiert haben und der Tour-Builder immer noch nicht lädt, chatten Sie mit uns im Messenger, wir helfen Ihnen gerne.