Interaktive Produkttouren für die Ausbildung

Interaktive Produkttouren informieren seit langem potenzielle Käufer, und Usetiful's ist es nun möglich, eine ähnliche Technologie kostengünstig für die Schulung Ihrer Teams mit Kundenkontakt einzusetzen.

In diesem Artikel werden wir:

• Führt Sie durch den Prozess der Einrichtung von Usetiful
• Wir zeigen Ihnen, wie Sie Smart Tips erstellen, die sich hervorragend zur Verstärkung des Trainings im Kontext eignen.
• Demonstrieren Sie, wie wir eine einfache Produkttour erstellen

Beachten Sie, dass wir diese Anleitung mit der FREE-Version schreiben.

Beginnen wir mit den Vorbehalten, denn diese Art von Lösungen haben in der Regel einige.

Vorbehalte

Usetiful hat die folgenden Anforderungen.

• Das Produkt funktioniert nur mit webbasierten Anwendungen.
• Installieren Sie die Chrome-Erweiterung, um Bereiche auf dem Bildschirm zu erfassen, in die Sie Touren, Tipps und Checklisten einfügen können.
• Sie müssen ein kleines Stückchen JavaScript-Code in Ihre Webanwendung einfügen, damit das Produkt mit ihr funktioniert.  ORWenn Sie WordPress verwenden, installieren Sie das Plug-in.

Erste Schritte mit Usetiful

Da dies unser erster Artikel über Usetiful ist, gehen wir kurz auf den Einrichtungsprozess ein, bevor wir uns mit der Verwendung des Produkts für die Lernbereitstellung beschäftigen.

Installieren Sie die Chrome-Erweiterung

Wenn Sie das Produkt zum ersten Mal einrichten, werden Sie zum Chrome Store weitergeleitet, um die Erweiterung zu installieren.

Wenn Sie es jedoch nicht installiert haben, enthält die Benutzeroberfläche immer einen hilfreichen Link; wählen Sie einfach die Option "Vorschau mit Plugin".

Sie müssen auch zur Option "Auf Ihrer Website installieren..." navigieren, die Ihnen zwei Möglichkeiten bietet.

WordPress Hinweis

Wenn Sie das WordPress-Plug-in verwenden, werden Sie aufgefordert, zwei Schlüssel einzugeben. Es ist eigentlich derselbe Wert, den Sie finden können, wenn Sie auf die Option "Erweiterte Einstellungen" klicken.  

Sie werden einen ähnlichen Code sehen:

r.dataset.token = "abcdef123456;
a.appendChild(r);

Nehmen Sie Ihren Wert (siehe Fettdruck oben) und kopieren Sie ihn in die beiden Plug-in-Felder:

Denken Sie daran, dass die Daten, die wir in diesem Beispiel verwendet haben, keine realen Daten sind; verwenden Sie das, was Sie in Ihrer Einrichtung finden.

Wenn Sie kein WordPress verwenden

Wenn Sie sich für "Anonyme Besucher" entscheiden, verlieren Sie die Nachverfolgungsmöglichkeiten, aber alle Daten bleiben lokal im Webbrowser des Benutzers. Ihr Sicherheitsteam wird das zu schätzen wissen.

Die Option "Angemeldete Benutzer" kann z. B. für die Verstärkung von Schulungen nützlich sein, indem Informationen nur denjenigen angezeigt werden, die sie zuvor nicht gesehen haben.

Für diese exemplarische Vorgehensweise wählen wir die Option Anonym. 

Daraufhin wird die Seite aktualisiert und zeigt Ihnen den JavaScript-Code an, den Sie in den HEAD der HTML-Seite Ihrer Website einfügen müssen.

Hinweis: Wir haben diese Einrichtung auf einer WordPress-Website getestet und das Plug-in "Insert Headers and Footers Code - HT Script" verwendet, um diesen Code zu testen, der die Chrome-Erweiterung Usetiful mit unserer Website verbindet.

Einen intelligenten Tipp erstellen

Wir beginnen mit Smart Tips.

Was ist ein Smart Tip?

Smart Tips ermöglichen es Ihnen, hilfreiche Popups in die Anwendung einzufügen, sei es für interaktive Produkttouren oder für Schulungszwecke.

Wie erstellt man einen Smart Tip?

Wählen Sie die Menüoption "Intelligente Tipps". Die Seite wird aktualisiert und sieht dann ähnlich aus wie hier.

Anmerkung: Da wir derzeit keine Tipps konfiguriert haben, bietet die Benutzeroberfläche eine hilfreiche große Schaltfläche, die Ihnen zeigt, wo Sie anfangen können. Klicken Sie einfach auf die Schaltfläche "Smart Tips erstellen".

Die Seite wechselt nun zur Erstellungsseite.

Klicken Sie auf das Zielsymbol neben Element. Es wird ein Popup-Fenster angezeigt, in dem Sie gefragt werden, welcher Website Sie den Tipp hinzufügen möchten; wir haben https://trustenablement.com gewählt, da wir dort den JavaScript-Code hinzugefügt haben. 

Wählen Sie die Schaltfläche "Seite öffnen", und die Website wird geöffnet.

Jetzt.

Wenn Sie mit dem Mauszeiger über Elemente auf der Webseite fahren, werden diese hervorgehoben, um Ihnen die Informationen anzuzeigen, die Sie zum Platzieren des Smart Tags benötigen.

Klicken Sie einfach auf das hervorgehobene blaue Feld und die Informationen werden kopiert.

Erstellen des Smart Tips

Wir navigieren zurück zu Usetiful und fügen die Elementinformationen wieder in das Fenster ein, setzen den Titel des Hinweises und sehen nun etwas wie dieses.

Beachten Sie die folgenden wichtigen Optionen auf diesem Bildschirm.

Anzeige Ein

• Wählen Sie aus, ob der Smart-Tipp beim Überfahren mit der Maus angezeigt werden soll (wenn die Maus über das Element fährt)
• Oder Klick, wobei der Benutzer auf das Element klicken muss, damit der Tipp angezeigt wird.
• Oder, Fokus, bewegen Sie die Maus über das Element und lassen Sie sie dort.

Orientierung am Element

• Möchten Sie Usetiful erlauben, die Spitze dort zu platzieren, wo es sich am besten fühlt?
• Oder möchten Sie die Positionierung auf Rechts, Links, Oben oder Unten einstellen?

Schauen wir uns die rechte Seite des Bildschirms an und füllen den Tipp mit Informationen.

Zusätzlich zu den Standardformatierungsoptionen können Sie:

• Bilder einbeziehen
• Videos von URLs einfügen (nicht hochgeladen)
• Fügen Sie eine Vorlage hinzu (dies würde den Rahmen dieses Artikels sprengen).
• Einfügen von Code aus einer anderen Anwendung (z. B. können Sie ein YouTube-Video einbetten).

Geben Sie Ihre Beschreibung ein, wählen Sie Speichern und Beenden und dann die Schaltfläche Veröffentlichen.

Und nun navigieren Sie zurück zur Anwendung

Navigieren Sie zu der Anwendung und aktualisieren Sie den Browser.

Scrollen Sie über die letzten Empfehlungen und Sie werden etwas ähnliches sehen.

Mit der kostenpflichtigen Version können Sie das Erscheinungsbild noch weiter anpassen, aber die KOSTENLOSE Benutzeroberfläche ist gut genug für interne Schulungen und interaktive Produkttouren.

Erstellen Sie eine einfache interaktive Produkttour

Um die Tour zu erstellen, navigieren Sie zurück zum Hauptmenü und wählen Sie "Tour", was Ihnen wiederum einen einfach zu bedienenden Bildschirm zeigt. Wählen Sie die übersichtlich platzierte Schaltfläche "Tour erstellen".

Unsere Tour erstellen

Die Schnittstelle für die Erstellung von Touren ähnelt dem Bildschirm und dem Ablauf für die Erstellung von Smart Tips.

Auf diesem Bildschirm können Sie:

• Legen Sie einen Titel fest oder blenden Sie ihn aus.
• Stellen Sie einen der folgenden Typen ein:
  • Modal. In der Mitte der Seite öffnen
  • Zeiger. Öffnen Sie neben einem bestimmten Element (wählen Sie das Element wie oben beschrieben).
  • Slideout. Öffnet sich von einer Seite des Bildschirms, und Sie wählen unten links oder unten rechts.
• Sie benennen die Schaltflächen und fügen weitere hinzu.

In der unteren Hälfte dieses Bildschirms, die auf dem obigen Screenshot nicht zu sehen ist, sehen Sie weitere Optionen (hier sind alle Optionen ausgewählt, um den Ablauf zu vereinfachen).

Sie können festlegen, wie die Tour beginnen soll, wenn das Feedback über Emojis in der Mitte des Fensters eingeholt wird

Erstellen Sie den Ablauf nach Herzenslust, speichern und beenden Sie ihn, und veröffentlichen Sie ihn.

Abschließende Überlegungen

Wir hoffen, dass dieser Überblick über die Ausbildungsmöglichkeiten des Usetiful hilfreich war.

Produkt-Updates

November 2022

• Mit dem neuesten Update unterstützt Usetiful nun die Versionierung von Inhalten, so dass es einfach ist, bei Bedarf zu früheren Inhalten zurückzukehren.

Rund um das Web

FAQs

Neueste Blog-Inhalte

• Types of User Segments You Should Be Targeting
  Dezember 6, 2023 von Bei
   One of the most significant advantages of digital technology is the ability to personalize your message in ways that seemed impossible just a few years ago. The people who use your product will have a lot in common, but they will also have many differences. User segmentation is a way to acknowledge that diversity and […]
• The Beginner's Guide to Creating an Effective User Onboarding Checklist
  Dezember 5, 2023 von Bei
   Users download and open applications because they have a problem they want to solve. The process should be exciting as the possibility of resolving pain points becomes a reality. However, too often, applications are overwhelming and frustrating, leading to unsatisfactory experiences.An effective user onboarding checklist is the antidote to disappointing interactions. They break the onboarding […]
• The Challenges of the Digital Workplace and How to Overcome Them
  November 22, 2023 von Bei
   The digital workplace offers an exciting new frontier in how we think about work. However, like any form of technological disruption, businesses must overcome specific challenges to unlock the potential benefits of this change.Let’s explore some of these roadblocks and see how a digital adoption platform (DAP) can provide an elegant solution.Image by DCStudio on […]
• Taking Advantage of Technology: The Role of Automation in the Modern Workplace
  November 13, 2023 von Bei
   Humans have used technology to outsource labor since the Roman water grains in 1BC. However, The term automation has been in practice since the mid-40s when a manager at the US Ford car manufacturing plant used the word to describe its mechanized production line. Fast forward almost 80 years, and we have self-driving cars and […]
• 9 Ways to Know if Your Employee Software Training Needs a DAP
  November 9, 2023 von Bei
   Employee software training is essential for teams that want to drive productivity, adopt new technology, and get an ROI from software spending. Thankfully, there are lots of great HR employee onboarding solutions out there to help you streamline and automate the integration of new hires into your organization. HR employee onboarding software is great for collecting […]
• 1991 Accelerator & Usetiful: Supporting the Ukrainian Startup Community
  Oktober 30, 2023 von Bei
   As Ukraine continues its brave battle against invading Russian forces, assistance from the global community can come in different forms. Military aid, food, and health supplies are vital to support the country through this difficult time. However, these programs must go hand in hand with long-term development strategies that provide a path toward rebuilding Ukraine's […]
• Best Practices for Customer Onboarding
  Oktober 17, 2023 von Bei
   Effective customer onboarding helps you make a positive first impression, increase adoption, and reduce churn. However, while most businesses understand the benefits of great onboarding experiences, they don’t always know how to unlock them. But don’t worry; our list of customer onboarding best practices is here to change all that.Image by FreepikWhat is customer onboarding?Customer onboarding […]
• Surveys vs Forms: What are the differences and How to use them
  Oktober 10, 2023 von Bei
   While surveys and forms sound similar, they are different things with their own goals, formats, and best practices. However, they are both crucial elements of customer success because they allow you to collect a vital resource: feedback.Any company worth its salt needs feedback. It allows you to improve your product and understand your customers at […]

Usetiful Mitbewerber

Preisgestaltung

Das Produkt bietet eine kostenlose Version und mehrere kostenpflichtige Pakete.

Kostenlos

• 1 Produkttour & 1 Seite mit cleveren Tipps
• 2000 Assists / Monat
• 1 Teammitglied

Plus

Alles in Free, plus:

• 29 €/Monat
• Unbegrenzte Touren, intelligente Tipps und Checklisten
• 5.000 Assists / Monat
• bis zu 2 Teammitglieder
• Checkliste für das Onboarding
• Anpassbare Themen für ein natives Aussehen
• Analyse der Nutzung
• Grundlegende Segmentierung
• Vorrangige E-Mail-Unterstützung
• 14 Tage kostenloser Test
• 30 Tage Geld-zurück-Garantie

Prämie

Alles in Plus, und:

• 99 €/Monat
• Unbegrenzte Touren, intelligente Tipps und Checklisten
• 20.000 Assists / Monat
• bis zu 7 Teammitglieder
• Kein Usetiful-Wasserzeichen
• Zusätzliche Kontosicherheit
• E-Mail- und Video-Unterstützung
• Vereinbarung zur Datenverarbeitung

Unternehmen

Alles in Premium, plus:

• Preis nicht angegeben
• so viele Assistenten, wie Sie brauchen
• so viele Teammitglieder wie Sie benötigen
• Erweiterte Teamberechtigungen
• Zollvertrag und DPA
• Integrationen