Automatisierungs-Playground — Workflows testen
Nutzen Sie den integrierten Playground, um Ihre Automatisierungs-Workflows zu testen und zu simulieren, bevor Sie sie aktivieren. Sehen Sie, wie jeder Schritt ausgeführt wird, sehen Sie Nachrichten in der Vorschau und überprüfen Sie Ihre Flow-Logik.
Was ist der Playground?
Der Playground ist ein integriertes Testwerkzeug im Visuellen Builder. Er ermöglicht es Ihnen zu simulieren, wie Ihre Automatisierung Schritt für Schritt ausgeführt wird — ohne dabei tatsächlich Nachrichten zu senden, Tickets zu erstellen oder Credits zu verbrauchen.
Verwenden Sie ihn, um Ihre Flow-Logik zu überprüfen, Nachrichteninhalte in der Vorschau anzusehen und Fehler zu finden, bevor Sie live gehen.
Den Playground öffnen
- Öffnen Sie eine Automatisierung im Visuellen Builder
- Klicken Sie auf die Schaltfläche ▶ Playground in der oberen Werkzeugleiste (lila hervorgehoben, wenn aktiv)
- Der Playground öffnet sich als Seitenbereich auf der rechten Seite — Ihr Canvas bleibt auf der linken Seite sichtbar, sodass Sie sowohl Ihr Flow-Design als auch die Simulation sehen können
Um den Playground zu schließen, klicken Sie auf die Schaltfläche ✕ oder erneut auf die Playground-Schaltfläche.
Playground-Layout
Das Playground-Panel hat zwei Spalten:
Linke Spalte — Flow-Schritte
Zeigt alle Nodes aus Ihrer Automatisierung vertikal in Ausführungsreihenfolge (von oben nach unten). Jeder Schritt zeigt:
- Symbol — passend zum Aktionstyp (⚡ Trigger, 💬 Nachricht, 📧 E-Mail, 🤖 KI, 🏷️ Tag, 👥 Team, usw.)
- Bezeichnung — der Aktionsname („Nachricht senden", „Team zuweisen", usw.)
- Unter-Bezeichnung — eine Vorschau der Konfiguration (erste 30 Zeichen der Nachricht, Tag-Name, Team-Name)
- Statusanzeige — blau pulsierender Punkt, wenn aktiv; grüner Haken, wenn abgeschlossen
Schritte sind durch vertikale Linien verbunden, die grün werden, während die Simulation fortschreitet.
Rechte Spalte — Chat-Simulation
Eine Chat-Oberfläche, die zeigt, wie die Automatisierung auf eine Nachricht reagiert. Sie sehen vier Arten von Sprechblasen:
- Benutzernachrichten (blau, rechts ausgerichtet) — die Testnachricht, die Sie eingeben
- Bot-Nachrichten (grau, links ausgerichtet) — tatsächlicher Nachrichteninhalt aus Ihrer Automatisierung
- Systemnachrichten (zentriert, graues Badge) — Trigger-Aktivierung, Kanal-Erkennung, Bedingungen
- Aktions-Badges (zentriert, blaues Badge) — hinzugefügte Tags, zugewiesene Teams, ausgelöste Webhooks
Eine Simulation ausführen
- Geben Sie eine Nachricht in das Eingabefeld unten ein (z. B. „Hallo" oder „Ich habe eine Frage")
- Drücken Sie Enter oder klicken Sie auf Senden
- Der Playground animiert jeden Schritt mit einer kurzen Verzögerung (~1 Sekunde pro Schritt)
- Beobachten Sie, wie die Flow-Schritte links aufleuchten, während Nachrichten rechts erscheinen
Schnellstart-Vorschläge
Wenn der Chat leer ist, zeigt der Playground drei anklickbare Vorschlagschips („Hallo", „Ich habe eine Frage", „Bestellung"), um schnell eine Simulation zu starten.
Was der Playground zeigt
Kanal-Erkennung
Der Playground erkennt automatisch den Kanal basierend auf Ihrer Trigger-Konfiguration:
- 💬 WhatsApp — für WhatsApp- oder WooCommerce-Trigger
- 📧 E-Mail — für E-Mail-Trigger
- 📸 Instagram — für Instagram-Trigger
- 💬 Messenger — für Messenger-Trigger
Eine Systemnachricht zeigt den erkannten Kanal zu Beginn jeder Simulation an.
Nachrichten-Vorschau
Für Nachricht senden- und KI-Antwort-Aktionen zeigt der Playground den tatsächlichen Nachrichtentext aus Ihrer Node-Konfiguration — keinen generischen Platzhalter. So können Sie den genauen Nachrichteninhalt überprüfen, bevor Sie live gehen.
E-Mail-Vorlagen-Vorschau
Für E-Mail senden-Aktionen ruft der Playground Ihre gespeicherten E-Mail-Vorlagen ab und zeigt:
- Vorlagenname — z. B. „Auftragsbestätigung"
- Betreffzeile — den E-Mail-Betreff
Wenn keine Vorlage ausgewählt ist, wird eine Warnung angezeigt.
Interaktive Menü-Vorschau
Für Interaktives Menü-Aktionen rendert der Playground die vollständige Menüstruktur:
- Header-Text
- Nummerierte Liste von Menüpunkten mit Titeln und Beschreibungen
- Footer-Text
WhatsApp-Vorlagen-Vorschau
Für Vorlage senden-Aktionen wird der Vorlagenname angezeigt.
Bedingungen
Bedingungs-Nodes zeigen den eingeschlagenen Zweig (standardmäßig „Ja" im Simulationsmodus).
Weitere Aktionen
Tags, Team-Zuweisungen, Webhooks, Gespräch schließen und andere Aktionen werden als Aktions-Badges mit den relevanten Details (Tag-Name, Team-Name, usw.) angezeigt.
Die Simulation zurücksetzen
Klicken Sie auf die Schaltfläche Zurücksetzen im Chat-Header, um alle Nachrichten und Schrittstatüsse zu löschen. So können Sie eine neue Simulation von Grund auf neu starten.
Wichtige Hinweise
ℹ️ Nur Simulation: Der Playground erstellt keine echten Tickets, sendet keine tatsächlichen Nachrichten, löst keine Webhooks aus und verbraucht keine Credits. Es ist eine sichere Testumgebung.
- Der Playground liest Ihren aktuellen nicht gespeicherten Canvas — Sie müssen nicht speichern, bevor Sie testen
- Fügen Sie Schritte zu Ihrem Flow hinzu, bevor Sie den Playground öffnen (leere Flows zeigen „Fügen Sie zuerst Schritte zu Ihrem Flow hinzu")
- Die Simulation nimmt immer den Ja-Zweig für Bedingungen
- Verzögerungen werden sofort simuliert (kein tatsächliches Warten)