Kurzübersicht

Egal, ob Sie TeachMe für Ihre Mitarbeiter intern verwenden oder Ihren externen Benutzern die bestmögliche Erfahrung mit Ihrer Website oder Ihrem Produkt bieten wollen, sie müssen auf TeachMe zugreifen können.

In diesem Artikel werden wir überprüfen, wie Sie Ihre TeachMe-Erfahrung über das WalkMe-Menü starten. Das Menü ist ein großartiger Ort, um Ihre wichtigsten Elemente zu speichern, einschließlich TeachMe-Kurse. Ihre Benutzer haben einfachen Zugriff auf die Schulung, die sie benötigen, wenn sie sie benötigen.

Sie haben noch kein Menü? Keine Sorgen! Es ist einfach. Schauen Sie sich einfach diesen Artikel auf dem Menu Organizer an.

Funktionsweise

Sie können TeachMe über das WalkMe-Menü auf drei Arten öffnen:

1. Fügen Sie der Menü-Fußzeile einen Launcher hinzu
   Verwenden Sie diese Option, wenn Sie eine dedizierte Schaltfläche im Menü wünschen, die TeachMe öffnet.
2. Fügen Sie dem Menü einen Smart Walk-Thru hinzu
   Verwenden Sie diese Option, wenn Sie möchten, dass TeachMe als Element in der Menüliste angezeigt wird.
3. Verwenden Sie die TeachMe Player-API
   Verwenden Sie diese Option, wenn Sie einen Entwickler haben und mehr Kontrolle darüber benötigen, wann TeachMe geöffnet wird.

Die Optionen 1 und 2 verwenden jQuery-Selektoren. Wir stellen die genauen Selektoren bereit, die Sie in den folgenden Schritten benötigen.

Launcher zur Fußzeile des Menüs hinzufügen

Wenn Sie sich für den Launcher entscheiden, empfehlen wir, ihn in die Fußzeile des Menüs aufzunehmen. Dies ist typischerweise der Bereich mit dem meisten Platz. Wenn Sie Ihren Launcher zu einem anderen Teil des Menüs hinzufügen möchten, können Sie nach dem jQuery Snippet suchen und das unten aufgeführte ersetzen.

So fügen Sie einen Launcher zum Menü hinzu:

Schritt 1: Einen Launcher erstellen

1. Erstellen Sie aus dem Editor einen Launcher über das große blaue + Symbol (blau).
2. Erfassen Sie alles auf der Website (wir ändern den Standort später).
3. Klicken Sie auf Save .

Launchers: Getting Started Guide

Schritt 2: jQuery einfügen

1. Klicken Sie im Editor auf den Launcher, um den Bildschirm Launcher Options zu öffnen.
2. Gehe zu Interaktion > Aktion.
3. Wählen Sie Open Courses Menu aus der Dropdown-Liste.
4. Gehen Sie auf der Seite „Launcher Options“ auf die Registerkarte Selected Element (Ausgewähltes Element).
5. Wählen Sie unter Element's Behavior die Option Appears and disappears as a result of user action (Erscheint und verschwindet als Ergebnis der Handlung des Nutzers)
6. Unter Definieren Sie, wie Sie das Element identifizieren können , wählen Sie jQuery Selector .

Im jQuery Auswahlfeld: Tippen Sie: #walkme-footer (wenn Sie es an einem anderen Ort im Menü möchten, fügen Sie die jQuery hier hinzu).

Schritt 3: Ändern des Erscheinungsbilds der Launcher-Einstellung

1. Gehen Sie zur Position > Appearance.
2. Unter Launcher Setting , wählen Sie Inner und den linken Pfeil (Dies wird den Launcher in der unteren linken Ecke des Menüs platzieren).

Schritt 4: Ändern des Z-Index

1. Gehen Sie auf der Registerkarte „Appearance“ zu Ebenenreihenfolge anordnen.
2. Stellen Sie den Z Index auf ON.
3. Unter Z-Index-Wert manuell festlegen , geben Sie 2147483647 ein.
4. Klicken Sie auf Save .

Fertig!

Wenn Sie bereit sind, veröffentlichen Sie diesen Launcher und der Launcher wird auf dem Menü angezeigt. Um Ihren Launcher anzupassen, gehen Sie zu dem Artikel Launchers.

Smart Walk-Thru mit Auto-Step hinzufügen

Vielleicht ist es nicht ganz Ihr Stil, auf dem Menü eine separate Schaltfläche zu haben. Vielleicht möchten Sie Ihre Arbeit mit TeachMe in die Liste der anderen Punkte im Menü aufnehmen. In diesem Fall erstellen Sie einen super einfachen Smart Walk-Thru mit einem Auto-Step, der das Kursmenü öffnet (ja, es ist nur ein Schritt). Legen wir los.

So fügen Sie einen Auto-Step für Smart Walk-Thru hinzu:

Schritt 1: Einen Smart Walk-Thru erstellen

1. Erstellen Sie aus dem Editor einen Smart Walk-Thru über das große blaue + Symbol (blau).
2. Starten Sie Ihren Smart Walk-Thru durch Klicken auf das orange + und wählen Sie Auto-Step.
3. Wählen Sie ein beliebiges Element (wir ändern den Standort später).
4. Lassen Sie in der Dropdown-Liste Aktion wie ausgewählt geklickt.
5. Klicken Sie auf Fertig .

Schritt 2: Schritt 2: jQuery einfügen

1. Klicken Sie zurück im Editor auf den Auto-Step, den Sie erstellt haben .
2. Gehen Sie zu der Registerkarte Ausgewähltes Element.
3. Unter Definieren Sie, wie Sie das Element identifizieren können , wählen Sie jQuery Selector .
4. Im JQuery selector: Geben Sie ein: #walkme-player-panel (Dies öffnet das Menü, anstatt auf das ausgewählte Zufallselement zu klicken).
5. Klicken Sie auf Fertig .

Schritt 3: Fügen Sie Smart WalkThru dem Menu Organizer hinzu.

1. Navigieren Sie zum Menu Organizer in der WalkMe-Konsole: console.walkme.com/menu
2. Suchen Sie in der Elementliste Ihren neuen Smart Walk Thru und ziehen Sie ihn an den gewünschten Ort im Menü.
3. Klicken Sie auf Save .

Fertig !

Erfahren Sie mehr über Smart Walk-Thrus und AutoSteps in diesem Artikel.

Öffnen Sie TeachMe mit der TeachMe Player-API

Entwickler können TeachMe mit benutzerdefiniertem JavaScript öffnen. Verwenden Sie diese Option, wenn die Editor-Optionen das gewünschte Verhalten nicht abdecken.

Um TeachMe zu öffnen, rufen Sie diesen Befehl auf:

TeachMePlayerAPI.toggleMenu()

Der Befehl schaltet das TeachMe-Menü um. Es öffnet TeachMe, wenn es geschlossen ist, und schließt es, wenn es geöffnet ist.