Wie nutze ich den Flow-Editor?

Den Editor öffnen und die obere Leiste

Klicken Sie auf der Seite „Agenten“ auf den Namen eines Agenten, um den Flow-Editor zu öffnen. Die obere Leiste enthält von links nach rechts:

• Der Zurück-Pfeil („Zurück zu den Agenten“): führt zur Agenten-Liste zurück.
• Der Name des Agenten: Überschreiben Sie ihn, um den Agenten umzubenennen. Besucher sehen den Namen im Browser-Tab, und er kann übersetzt werden.
• Der Hilfelink: öffnet diesen Artikel in einem neuen Tab.
• Das Status-Abzeichen: „Entwurf“ bei einem Entwurf und „Live · v3“ mit der Nummer der Live-Version bei einem veröffentlichten Agenten. Gibt es gespeicherte, noch nicht veröffentlichte Änderungen, erscheint daneben das Abzeichen „Unveröffentlichte Änderungen“.
• „Vorschau“: speichert den Agenten zuerst und öffnet dann den Entwurf frisch in einem neuen Tab, damit Sie Ihre Änderungen auf der Seite testen, die Besucher sehen werden, bevor sie sie sehen. Die Vorschau ändert den veröffentlichten Agenten nicht.
• „Veröffentlichen“: ist aktiv, wenn es etwas zu veröffentlichen gibt: Der Agent ist ein Entwurf oder hat unveröffentlichte Änderungen. Der Pfeil daneben öffnet „Öffentlichen Link kopieren“ (nicht bei einem Entwurf), „Zur Website hinzufügen“ und bei einem veröffentlichten Agenten „Veröffentlichung zurücknehmen“.
• „Speichern“.
• Das Drei-Punkte-Menü („Agenten-Aktionen“) ganz rechts: „Versionen“ zeigt die veröffentlichten Versionen, was sich jeweils geändert hat, und die Optionen, zu einer früheren zurückzukehren; „Aktivitätsverlauf“ zeigt aus dem Protokoll, wer wann was an diesem Agenten getan hat (Speichern, Veröffentlichen, Versionswechsel, Umbenennen); „Löschen“ fragt nach einer Bestätigung, löscht den Agenten und führt zurück zur Agenten-Liste. Nutzer mit der Rolle Support oder Beobachter finden „Öffentlichen Link kopieren“ hier.

„Speichern“ sichert Ihre Änderungen im Entwurf; Besucher sehen weiter die Live-Version. „Veröffentlichen“ öffnet zuerst das Fenster „Veröffentlichen“, in dem Sie optional einen „Versionshinweis“ hinzufügen und bestätigen. Dann wird der Agent gespeichert und der Entwurf geht als neue nummerierte Version live (v1, v2, …). „Veröffentlichung zurücknehmen“ fragt nach einer Bestätigung und macht den Agenten dann wieder zum Entwurf. Siehe Einen Agenten veröffentlichen.

Wenn Sie den Editor mit ungespeicherten Änderungen verlassen wollen, werden Sie zuerst um Bestätigung gebeten.

Nutzer mit der Rolle Support oder Beobachter sehen statt dieser Knöpfe das Abzeichen „Nur ansehen“; Arbeitsfläche und Panels sind gesperrt. „Vorschau“, „Versionen“ und „Öffentlichen Link kopieren“ können sie weiter nutzen; „Aktivitätsverlauf“, „Zur Website hinzufügen“ und „Löschen“ werden ihnen nicht angezeigt.

Die fünf Tabs

• „Design“: die Seitengestaltung (Logo, Farben, Layout) und der Avatar. Siehe Design und Avatar.
• „Editor“: die Arbeitsfläche, auf der Sie die Schritte bauen. Der Streifen darüber enthält den Knopf „Sprachen“, die Sprache, die Sie bearbeiten, und den Knopf „Übersetzen“. Siehe Sprachen und Übersetzung.
• „Bewertung“: KI-Bewertung abgeschlossener Gespräche und Stimmungsanalyse. Siehe KI-Bewertung.
• „Messeinstellungen“: Gesprächsereignisse an Google Analytics, Meta Pixel, TikTok und Google Ads senden.
• „Analyse“: Starts, Abschlüsse, der Funnel und die Gespräche.

Der Knopf „Speichern“ sichert die Änderungen aller Tabs zusammen. Schritte, Hauptsprache des Agenten, Design, Avatar, Übersetzungen (auch die des Agenten-Namens) und Bewertung erreichen Besucher mit „Veröffentlichen“; Name, Beschreibung und Symbol des Agenten sowie die „Messeinstellungen“ gehören nicht zu einer Version und wirken sofort nach dem Speichern.

Schritte hinzufügen und verbinden

1. Klicken Sie im Tab „Editor“ oben links auf „Schritt hinzufügen“. Die Palette „Schritttypen“ öffnet sich; suchen Sie einen Schritt oder filtern Sie nach Kategorie: „KI“, „Gespräch“, „Logik“, „Angaben erfassen“, „Support“, „Integrationen“.
2. Klicken Sie auf einen Schritttyp; der Schritt wird in der Mitte der Arbeitsfläche hinzugefügt. Ein Klick auf eine Integration öffnet ihre Aktionen, und die Wahl einer Aktion fügt den Schritt hinzu. In der Suche fügt die Eingabetaste das erste Ergebnis hinzu. Unter „Integrationen“ stehen Ihre verbundenen Integrationen mit der Zahl ihrer Aktionen; nicht verbundene sind mit „Nicht verbunden“ markiert.
3. Verbinden Sie Schritte, indem Sie vom rechten Griff eines Schritts auf den nächsten Schritt ziehen. Schritte mit mehreren Ausgängen haben einen Griff pro Ausgang (siehe unten).
4. Klicken Sie auf einen Schritt, um rechts sein Panel zu öffnen und den Inhalt zu bearbeiten.

Schritte mit mehreren Ausgängen:

• Auswahl: jede Option.
• Datei-Upload: die Ausgänge für Erfolg und Fehler, wenn das Auslesen aktiv ist.
• KI-Assistent: jede Übergabe.
• Bedingung: jeder Pfad und „Sonst“.
• Schleife: „Für jeden Eintrag“ und „Wenn fertig“.
• Zusammenfassung und Bestätigung: „Bestätigt“ und „Storniert“.
• Integrationsaktion und Tool-Aufruf: „Wenn fertig“ und „Bei Fehler“.

Der erste Schritt in einem leeren Agenten wird zum Startschritt. Das Gespräch beginnt bei dem Schritt mit der Markierung „Start“. Um bei einem anderen Schritt zu beginnen, klicken Sie in dessen Panel auf „Als Startschritt festlegen“. Der Startschritt kann nicht gelöscht werden; legen Sie zuerst einen anderen Schritt als Start fest. Löschen Sie den gewählten Schritt mit „Schritt löschen“ oder der Rücktaste.

Die Knöpfe zum Rückgängigmachen und Wiederholen liegen in der Werkzeugleiste; Strg+Z / Cmd+Z macht rückgängig, Strg+Umschalt+Z / Cmd+Umschalt+Z oder Strg+Y wiederholt.

Statt Schritte selbst hinzuzufügen, können Sie sie der KI beschreiben: Hat der Agent keine Schritte, schreiben Sie in das Feld „Was soll dieser Agent tun?“ in der Mitte der Arbeitsfläche; hat er Schritte, nutzen Sie den Knopf „KI fragen“ in der Werkzeugleiste. Die Änderung wird auf die Arbeitsfläche übernommen, lässt sich mit einem Rückgängig zurücknehmen und wird erst gespeichert, wenn Sie „Speichern“ drücken. Während die KI arbeitet, ist die Arbeitsfläche gesperrt. Siehe Einen Agenten mit KI bauen.

Das Schrittpanel und Variablen

Die Tabs des Schrittpanels hängen vom Schritttyp ab; sie erscheinen in dieser Reihenfolge:

• „Inhalt“: bei jedem Schritt. Der „Text auf dem Bildschirm“ wird dem Besucher gezeigt und vom Avatar vorgelesen. Mit „Schritt umbenennen“ geben Sie dem Schritt einen Namen.
• „Felder“: bei Formular-Schritten und bei Datei-Upload-Schritten, wenn das Auslesen aktiv ist.
• „Tools“, „Integrationen“, „Wissen“: nur beim Schritt KI-Assistent.
• „Tracking“: bei jedem Schritt, um ein Messereignis zu senden, wenn ein Besucher ihn erreicht.

Frage- und Auswahl-Schritte schreiben die Antwort in eine Variable („Variablenname“). Nutzen Sie sie in den Texten späterer Schritte als {variable}, zum Beispiel „Danke, {name}“. Der Knopf „Variable einfügen“ in Textfeldern listet die von vorherigen Schritten gespeicherten Variablen und die „Systemvariablen“ auf; auch das Tippen von { in einem Feld öffnet ihn. Sie können das Variablen-Abzeichen eines Schritts auch von der Arbeitsfläche in ein Textfeld des offenen Panels ziehen.

Schritte mit Problemen und Speichern

Ein unvollständiger Schritt wird auf der Arbeitsfläche markiert, und die Werkzeugleiste zeigt den Knopf „Probleme in {n} Schritten“, der Sie zum nächsten führt („Zum nächsten Schritt mit Problemen“). Häufige Warnungen:

• „Der Ausgang ist nicht verbunden; der Flow endet hier.“
• „Kein Schritt führt hierher.“
• „In einer Schleife, die nie auf den Besucher wartet; der Flow bleibt hier hängen.“
• „Der Bildschirmtext ist leer.“ oder „Keine Optionen.“

Warnungen verhindern das Speichern nicht. Haben manche Schritte Fehler, wird der Flow mit „Gespeichert, aber {n} Schritte haben Fehler“ gespeichert und funktioniert an diesen Schritten nicht; bei reinen Warnungen sehen Sie „Gespeichert“.

Zwei Dinge verhindern das Speichern doch: ein leerer oder doppelter Variablenname in einem Feld eines Formular-Schritts, eines Datei-Upload-Schritts oder einer Übergabe des KI-Assistenten; und bei aktiver Bewertung ein Bewertungskriterium mit leerem Namen oder leeren Anweisungen. Korrigieren Sie die markierten Felder und speichern Sie erneut.

Hat jemand anderes (oder ein anderer Browser-Tab) den Agenten gespeichert, nachdem Sie ihn geöffnet haben, warnt „Speichern“ Sie: Das Fenster „Der Agent wurde geändert, nachdem Sie ihn geöffnet haben“ sagt, wer wann gespeichert hat. „Trotzdem speichern“ überschreibt dessen Änderungen; „Abbrechen“ speichert nicht, und Ihre Änderungen bleiben auf dem Bildschirm.