Tutorial für Anmerkungen: Füge Schritten im Legal Bot Kontext hinzu

Annotation

Der Annotation Node ist hervorragend geeignet, um Nutzern im Frontend zusätzliche Informationen bereitzustellen. Mit anpassbaren Optionen für die Anzeige dieser Informationen kannst du eine ansprechende und informative Nutzererfahrung schaffen.

In diesem Tutorial siehst du den Prozess zur Einrichtung eines Annotation Nodes.

Schritt 1: Füge den Annotation Node zu deinem Bot hinzu

Klicke auf das „+“-Menü, um die Funktionen anzuzeigen.

Schritt 2: Füge einen Titel hinzu

Du kannst einen Titel für diesen Annotation Node eingeben, dies ist optional.

Schritt 3: Konfiguriere die Anzeigemethode

Wähle aus, ob die zusätzlichen Informationen bei einem Klick (Click) oder beim Darüberfahren mit der Maus (Hover) angezeigt werden sollen.

Schritt 4: Passe das Icon an

Du hast die Möglichkeit, dem Icon Text hinzuzufügen, seine Position auszuwählen oder es sogar zu deaktivieren.

Schritt 5: Erstelle die Annotation

Um die Annotation selbst hinzuzufügen, klicke auf „Create“ und gib die Informationen ein, die du im Frontend anzeigen möchtest. Du kannst den Text nach Belieben formatieren.

Zu Demonstrationszwecken erstellen wir eine zweite Annotation mit anderen Einstellungen.

Schritt 6: Richte eine zweite Annotation ein

Erstelle eine weitere Annotation, füge diesmal Text zum Icon hinzu und wähle die Option „Click“ für die Anzeige der Informationen.

Schritt 7: Vorschau der Annotationen

Klicke im oberen Menü auf „Preview“, um das Frontend aus der Perspektive deines Kunden zu sehen.

Im Frontend siehst du die beiden Annotationen, die wir erstellt haben. Die erste, auf „Hover“ eingestellt, zeigt Informationen an, wenn die Maus über das Icon fährt. Die zweite Annotation, mit hinzugefügtem Text und der Option „Click“, enthüllt die Informationen beim Klicken.

Und das war's! Mit dem Annotation Node kannst du deine Nutzererfahrung mühelos verbessern, indem du zusätzliche Informationen auf interaktive Weise anbietest.