Product Tours ermöglichen es Ihnen, ein besseres erstes Produkterlebnis für Ihre Kunden zu schaffen, damit Sie eine schnellere Akzeptanz fördern können. Sie können eine Reihe von In-App-Nachrichten erstellen, um Kunden durch Ihr Produkt zu führen, damit sie dessen Wert schneller entdecken.
Die Gestaltung einer Tour ist schnell und einfach und erfordert keinen Code. So starten Sie:
Gestalten Sie eine Product Tour
Gehen Sie zuerst im Hauptmenü zu Outbound und klicken Sie oben rechts auf + Neue Nachricht.
Wählen Sie dann Product tour als Inhaltstyp aus.
Sie können auch mit einer vorgefertigten Vorlage beginnen, indem Sie diesen Inhaltstyp in der linken Seitenleiste auswählen.
Hinweis: Product Tours sind speziell für die Verwendung mit Desktop-Web-Apps konzipiert. Für ein ansprechendes mehrstufiges Erlebnis in Ihrer mobilen App probieren Sie Mobile Carousels.
Für dieses Beispiel beginnen wir von Grund auf. Geben Sie Ihrer Tour einen kurzen und prägnanten Titel und eine Beschreibung. Wenn Sie beispielsweise eine Tour zur Einführung neuer users gestalten, könnten Sie sie „Loslegen“ nennen:
Produkt-Tour-URL ändern
So ändern Sie die URL für eine Product Tour:
Gehen Sie zu Tour bearbeiten
Klicken Sie auf Erstellen Sie Ihre Tour
Scrollen Sie nach unten und klicken Sie auf Einstellungen
Klicken Sie auf den Stift neben Tour aufbauen auf
Geben Sie die URL ein, unter der die Tour stattfinden soll, und klicken Sie dann auf Website ändern
Hinweis: Stellen Sie sicher, dass Sie vor dem Verlassen der Hauptseite der Product Tour nach Änderungen auf Speichern und schließen klicken!
Wichtig: Kunden sehen den Titel und die Beschreibung Ihrer Tour, wenn Sie eine Tour teilen in Gesprächen, Bots oder Nachrichten.
Sie können Ihre Tour von jedem Teammitglied senden oder den Absender ganz ausblenden:
Profi-Tipp: Wenn Sie account-based marketing verwenden, können Sie Ihre Tour auch von den Besitzern der wichtigsten Accounts senden.
Sie können auch eine benutzerdefinierte Farbe für die Schaltflächen in Ihrer Tour festlegen:
Hinweis: Wenn Sie benutzerdefinierte Farben deaktivieren, passt sich die Tour an Ihre Messenger-Farb-Einstellungen an.
Hyperlinks, die in Tour-Schritten eingefügt werden, sind standardmäßig schwarz, bis sie angeklickt werden. Nach dem Klicken erscheinen sie in der Aktionsfarbe Ihres Messengers (oder in der benutzerdefinierten Farbe, falls festgelegt).
Wählen Sie eine Website aus, auf der Sie Ihre Tour erstellen möchten
Um mit der Gestaltung Ihrer Tour zu beginnen, klicken Sie auf „Schritte hinzufügen“:
Ein neues Fenster öffnet sich. Fügen Sie hier die Website hinzu, auf der Sie Ihre Tour erstellen möchten:
Nachdem Sie eine URL hinzugefügt haben, klicken Sie auf „Website öffnen“, um mit dem Erstellen Ihrer Tour zu beginnen.
Hinweis: Diese URL dient nur zum Erstellen Ihrer Tour – sie ist nicht die Ziel-URL, auf der Sie Ihre Tour den Kunden zeigen. Sie können Seiten- und Zielgruppen-Targeting-Regeln in einem späteren Schritt auswählen.
Wichtig: Es gibt eine bekannte Einschränkung mit Material UI und „Focus Trapping“ bei Product Tours und Tooltips.
Wählen Sie die spezifische Seite aus, auf der Sie die Nachrichten Ihrer Tour erstellen möchten
Am unteren Rand Ihrer Website sehen Sie ein blaues Banner – das ist der Tour-Builder.
Navigieren Sie zu der spezifischen Seite in Ihrem Produkt, auf der Sie mit dem Erstellen Ihrer Tour beginnen möchten. Klicken Sie dann auf „Tour hier starten“:
Beginnen Sie jetzt mit der Erstellung Ihrer Nachrichten.
Erstellen Sie die Nachrichten Ihrer Tour
Es gibt drei Nachrichtentypen zur Auswahl – einen Beitrag, einen Zeiger oder einen Videozeiger.
So funktionieren sie jeweils
Stellen Sie eine neue Funktion mit einem Beitrag vor
Beiträge sind perfekt, um die Aufmerksamkeit Ihrer Kunden zu Beginn einer Tour zu gewinnen.
Ein Beitrag wird in der Mitte der Seite angezeigt – er zeigt nicht auf ein bestimmtes Element. Sie können Ihr Produkt vorstellen, indem Sie ein Bild einfügen oder ein Video einbetten. Sie personalisieren Ihre Nachricht auch mit Attributen, z. B. indem Sie Kunden mit ihrem Vornamen begrüßen.
Hinweis: Wenn Sie Unternehmensdatenattribute verwenden, um Ihre Tours zu personalisieren, müssen Sie sicherstellen, dass company_id beim Starten des Messengers auf Ihrer Website, auf der die Tour beginnt, enthalten ist.
Wenn Sie company_id nicht einschließen, werden alle Unternehmensdatenattribute in Ihrer Tour auf die von Ihnen angegebenen Standardwerte zurückgesetzt.
Führen Sie Kunden mit Zeigern herum
Zeiger sind perfekt, um Kunden zu zeigen, wie sie Ihr Produkt verwenden. Sie können sie führen, indem Sie auf ein bestimmtes Website-Element zeigen, z. B. einen Button. Klicken Sie einfach auf das Element, auf das Sie zeigen möchten, und fügen Sie dann Inhalte zu Ihrem Zeiger hinzu:
Wenn das Element, das Sie auswählen möchten, hinter der Tour-Builder-Leiste liegt, klicken Sie einfach links auf „Ausblenden“, um den Tour-Builder zu verstecken.
Neben Text können Sie ein Bild einfügen, Emojis hinzufügen, Videos einbetten und Attribute hinzufügen, um Ihre Zeiger ansprechender zu gestalten. Sobald Ihr Zeiger angezeigt wird, wird der Hintergrund automatisch abgedunkelt, um die Nachricht hervorzuheben.
Tipp: Wenn Sie Zeiger an verschiedenen Stellen Ihrer Seite erstellen, scrollt die Seite automatisch zu jeder Nachricht.
Standardmäßig klicken Kunden auf „Weiter“ in Ihrer Tour, um zur nächsten Nachricht zu gelangen. Wenn sie in ein Feld tippen oder auf das Website-Element klicken sollen, um zum nächsten Schritt zu gelangen, wählen Sie aus, wie die Tour fortschreiten soll:
Hinweis: Für die Option „Feld ausfüllen“ – wenn Sie ein Element mit mehreren Textfeldern ausgewählt haben, wie z. B. „Titel“ und „Beschreibung“, müssen Ihre Kunden alle ausfüllen, um fortzufahren.
„Feld ausfüllen“ funktioniert mit den folgenden HTML-Elementen:
<input>-Elemente
<textarea>-Elemente
<select>-Elemente
<div>-Elemente mit contenteditable="true"
Lesen Sie diesen Artikel, um mehr über die Erstellung von Product Tours über mehrere Seiten hinweg zu erfahren.
Alternativ können Sie benutzerdefinierten Schaltflächentext für eine ansprechendere Tour definieren.
Führen Sie Kunden persönlich mit Videozeigern
Videozeiger ermöglichen es Ihnen, Kunden persönlich zu engagieren und zu führen, indem Sie kurze, untertitelte Videos von sich selbst oder einem Teammitglied verwenden, um sie herumzuführen.
Sie können mehr über die Erstellung von Videozeigern hier erfahren.
Wählen Sie die richtige Größe und Position für Ihre Zeiger
Zeiger und Videozeiger gibt es in zwei Größen. (Der Videozeiger oben ☝️ ist groß.) Die Standardgröße für Zeiger ist klein. Um die Größe zu wechseln, klicken Sie auf „Erweitert“ und wählen Sie die richtige Größe aus dem Dropdown-Menü:
Hier können Sie auch eine optimale Zeigerposition festlegen. Wählen Sie zwischen automatisch links, rechts, oben oder unten:
Hinweis: Wenn die Fenstergröße Ihres Kunden die von Ihnen gewählte optimale Position nicht zulässt, wechselt der Zeiger zu „Auto“ und verschiebt sich an eine passendere Position.
Erstellen Sie eine Nachrichtenfolge
Um Ihren Kunden eine umfassende Tour zu bieten, sollten Sie eine Nachrichtenfolge erstellen. Sie können jede Kombination aus Beiträgen, Zeigern und Videozeigern verwenden, um die beste Tour für Ihre Kunden zu erstellen.
Wenn Sie Ihre Schritte neu anordnen müssen, fahren Sie einfach mit der Maus über den Schritt, den Sie verschieben möchten, und ziehen Sie ihn mit diesem Symbol:
Nachdem Sie Ihre Tour fertiggestellt haben, können Sie sie einfach in der Vorschau ansehen:
Hier sehen Sie, wie Ihre Tour für Kunden aussehen wird:
Feiern Sie den Abschluss der Tour 🎉
Um Ihre Tour mit einem Knall zu beenden, können Sie auf dem letzten Schritt einen Konfettiregen senden.
Klicken Sie einfach auf ‚Einstellungen‘ und schalten Sie diesen Schalter auf ‚Ein‘:
So sieht es aus, wenn Ihre Kunden Ihre Tour abgeschlossen haben:
Lassen Sie Kunden Ihre Tour pausieren oder neu starten
In diesem Einstellungs-Tab können Sie wählen, ob Kunden Ihre Tour pausieren dürfen:
Das Pausieren der Tour verzögert sie um 24 Stunden, danach erhalten die Kunden sie erneut, solange sie sich auf der richtigen Seite befinden, auf der sie ausgelöst wird. Eine Tour kann mehrfach pausiert werden und ermöglicht es Kunden, Ihre Tour zum für sie passenden Zeitpunkt zu machen. Perfekt für nicht dringende Nachrichten. 👌
Hinweis: Diese „pausierte“ Tour hält sich nur an bestimmte Regeln (z. B. Zeit auf der Seite und URL-Regeln) und nicht an andere Targeting-Regeln, Bürozeiten oder irgendeinen Zeitplan oder wiederkehrenden Zeitplan. Sie beachtet den Nachrichtenstatus, sodass die Nachricht nicht erneut gesendet wird, wenn sie nicht aktiv ist.
Sobald die Nachricht nach dem Pausieren erneut übereinstimmt, markieren wir den zugehörigen Pausierdatensatz als abgeschlossen.
Die Option „Neu starten“ fügt auf jedem Schritt Ihrer Tour (außer dem ersten) eine Schaltfläche hinzu, mit der Ihre Kunden zum Anfang zurückkehren und die Tour erneut machen können:
Hinweis:
Wir empfehlen diese Option nicht für Touren, bei denen Ihre users tippen müssen, um zum nächsten Schritt zu gelangen, da ihre Eingaben beim Neustart der Tour nicht gespeichert werden.
Touren, die pausiert oder neu gestartet und dann erneut angesehen werden, werden in den Tour-Statistiken nicht als zusätzliche Ansicht gezählt.
Es ist nicht möglich, eine Tour nur um einen Schritt zurückgehen zu lassen.
Wenn Sie mit Ihren Tour-Schritten und Einstellungen zufrieden sind, klicken Sie auf „Speichern und schließen“:
Kann ich Product Tours in meiner mobilen App verwenden?
Product Tours sind speziell für die Verwendung mit Desktop-Web-Apps konzipiert. Für ein ansprechendes mehrstufiges Erlebnis in Ihrer mobilen App probieren Sie Mobile Carousels.
Kann ich Product Tours in meiner Desktop-App verwenden?
Intercom unterstützt keine Integration mit Desktop-Apps (wie solche, die mit dem Electron-Framework erstellt wurden). Daher sind Product Tours nur auf Desktop-Websites verfügbar, wenn sie in Webbrowsern angezeigt werden.
Haben Sie Probleme beim Starten einer Tour oder treten Probleme mit Zeigerschritten auf?
Folgen Sie dieser Anleitung, um sicherzustellen, dass Ihre Tour immer korrekt gesendet wird.