Smart Walk-Thrus

Entwurfsoptionen

Es gibt zwei Möglichkeiten, das Design Ihrer Sprechblase zu ändern.

1. Die erste besteht darin, ein vorgefertigtes Design aus unserer Design Gallery auszuwählen.
2. Die zweite ist die vollständige Kontrolle des Designs Ihrer Sprechblase durch die Verwendung von CSS.

Wenn Sie auf Change Design (Design ändern) oben rechts auf der Registerkarte Interaction klicken, wird die Design Gallery geöffnet. Die Design Gallery ermöglicht Ihnen, ein Design für eine bestimmte Sprechblase auszuwählen. Sie können es auf globaler Ebene auch auf der Seite Settings (Einstellungen) des Walk-Thru festlegen.

Bearbeiten Sie „Advanced Templates“ (Erweiterte Vorlagen) und machen Sie sie zu Ihren eigenen, indem Sie unsere HTML/CSS-Anpassungs-Konsole verwenden.

WYSIWYG Editor:

Mit dem What-you-see-is-what-you-get Editor (WYSIWYG) können Sie das Aussehen und den Inhalt Ihrer Sprechblase ganz einfach ändern und das Ergebnis sofort sehen.

Tools im WYSIWYG Editor:

• Schriftgröße
• Fettdruck
• Kursiv
• Unterstrichen
• Schriftfarbe
• Textausrichtung
• Link hinzufügen: Hinzufügen von URL-Hyperlinks
• Aufzählungsliste hinzufügen: Aufzählungspunkte zu einer Liste von Gegenständen im Text der Sprechblase hinzufügen
• Hinzufügen eines Links für Smart Walk-Thru: Erstellt einen Link, der einen anderen Smart Walk-Thru startet.
  • Dieser Link stoppt den aktuellen Smart Walk-Thru und startet den verbundenen. Um eine Verbindung mit einem Smart Walk-Thru zu ermöglichen, muss der verknüpfte Smart Walk-Thru bereits erstellt sein und über eine Walk-Thru-ID verfügen.
• Bild hinzufügen:
  • Das Hinzufügen eines neuen Bilds kann durch das Hochladen eines Bilds von Ihrem Computer oder das Einfügen seiner URL erfolgen (in diesem Fall muss das Bild online gehostet werden, bevor es eingefügt werden kann).
  • Zu den unterstützten Dateitypen gehören JPG, JPEG, PNG und GIF.
  • Die maximale Dateigröße beträgt 500 kB.
  • Hochgeladene Bilder werden auf einem bestimmten Bucket in Amazon S3 gehostet.
  • Die Bildbreite und die Höhe der URL werden automatisch auf Sprechblase oder ShoutOut abgestimmt und bleiben automatisch auf das Wiedergabeformat der ursprünglichen Sprechblase abgestimmt.
  • Sie können die Breite und Höhe des Bildes bei Bedarf anpassen, indem Sie zum Bearbeiten auf das Bild doppelklicken.
  • Sie können „Lock Aspect Ratio“ (Seitenverhältnis sperren) verwenden, um das Bildseitenverhältnis zu sperren, damit es bei der Vergrößerung im selben Verhältnis bleibt.
  • Sie können das Bild entfernen, indem Sie auf das Papierkorb-Symbol neben der Bild-URL klicken oder es beim Bearbeiten des Textes im Texteditor mit der Rücktaste oder der Löschtaste löschen.
  • BBCode-Format: [img]img_URL[/img];
  • BBCode-Format mit Breite und Höhe: [img=widthxheight]img_URL[/] (d. h. [img=40x24]img_URL)[/img].
  • 
• Video hinzufügen: Geben Sie eine Video-URL in die entsprechende Videoplattform ein.
  • Videos können von jeder Plattform abgespielt werden, solange sie im MP4-Format sind und einen iFrame verwenden (siehe BBCode in der Tabelle unten). Bei Bedarf Breite und Höhe eingeben
• Hinzufügen von iFrame: Laden einer Webseite in einem Frame
• Hinzufügen von dynamischem Text: Fügen Sie dynamischen Text hinzu, wie z. B. den tatsächlichen Namen des Benutzers in einer Sprechblase.
• BBCode: Formatieren Sie den Text mit BBcode. Weitere Beispiele unten:
  

  FUNKTION	BBCode
  Text in der Mitte ausrichten	[div style="text-align:center"]Text[/div]
  Durchgestrichen	[s]text[/s]
  Tabellen	[table]{rows}[/table]
  Tabellenzeilen	[tr]{cells}[/tr]
  Zellen für Tabelleninhalte	Überschriftzelle: [th]{content}[/th]
  Inhaltszelle	[td]{content}[/td]
  Link zur E-Mail	[url=mailto:name@company .com]name@company.com[/url]

• Über die Vorschausprechblase können Sie Folgendes bearbeiten:
  • Titel: Bearbeiten Sie die Hauptanweisung für den Benutzer.
  • Text: Weitere Anweisungen oder Details für den Schritt bei Bedarf

Position:

Ändern Sie die Position, an der die Sprechblase in Bezug auf das ausgewählte Element angezeigt wird (weitere Anpassung der Position auf der Registerkarte Appearance). Ändern Sie die Position weiter, indem Sie die Pixelplatzierung nach oben/unten und links/rechts ändern.

Am Text ausrichten

Durch Aktivierung dieser Funktion wird die Smart-Walk-Thru-Sprechblase zur Mitte des Texts im Element zeigen, selbst wenn der Text im Element nicht mit beiden Seiten ausgerichtet ist.

Schrittauslöser:

Legen Sie fest, mit welcher Aktion der Smart Walk-Thru zum nächsten Schritt übergehen soll. Auslöser bringen die Anleitung weiter und machen sie interaktiv.

• Klicken: Der nächste Schritt wird wiedergegeben, sobald der Benutzer auf das Element klickt
• Weiter: Der nächste Schritt wird wiedergegeben, sobald der Benutzer auf die Schaltfläche Next in der Sprechblase klickt
  • Profi-Tipp: Andere Auslöser können mit Weiter kombiniert werden, indem Sie Strg auf einer PC-Tastatur drücken (oder die Befehlstaste auf einer Mac-Tastatur) und den zweiten Auslöser auswählen.
• Typ: Der nächste Schritt wird wiedergegeben, sobald der Benutzer Text in das ausgewählte Textfeld eingibt.
• Bewegen über: Der nächste Schritt wird wiedergegeben, sobald der Benutzer den Mauszeiger über das Element bewegt.
• Verzögerung: Der nächste Schritt wird automatisch wiedergegeben, nachdem eine bestimmte Anzahl von Sekunden vergangen ist.
• Aktualisieren: Der nächste Schritt wird beim Aktualisieren der Seite wiedergegeben.
• Benutzerdefinierte Auslöser: Stellen Sie eine Regel auf, die WalkMe mitteilt, wann zum nächsten Schritt übergegangen werden soll.
  • Profi-Tipp: Sie können diesen Auslösertyp verwenden, um weitere Elemente auf dem Bildschirm hinzuzufügen, die den Schritt auslösen können.
• Drop-Down-Menüauslöser: Die folgenden Auslöser erscheinen nur als Optionen, wenn ein Dropdown-Menüelement ausgewählt wird:
  • Alle wählen: Der nächste Schritt wird wiedergegeben, sobald ein beliebiger Gegenstand in einem Dropdown-Menü ausgewählt wird.
  • Konkrete Auswahl: Der nächste Schritt wird wiedergegeben, sobald ein bestimmter Gegenstand aus der Dropdown-Liste ausgewählt wird.

Die Struktur der Datei

Jede Seite der Datei zeigt einen Smart-Walk-Thru-Schritt über einem Screenshot der App-Seite, auf der der Schritt erfasst wurde. Jeder Schritt befindet sich neben seinem ausgewählten Element.

Weitere Funktionen der Seitenstruktur sind:

1. Die chronologische Zahl des Schritts
2. Die Bezeichnung des Schritts
3. Erstellungsdatum und Zeit des Schritts
4. Die URL, unter der der Screenshot aufgenommen wurde