Blockbasierte WordPress-Formulare und Workflows mit Flow
Flow ist ein blockbasiertes Formular- und Workflow-Plugin für WordPress.
Es verbindet einen Gutenberg-basierten Formular-Builder mit einer React-/Mantine-Laufzeit und einem optionalen AWS-Backend. In der einfachsten Einrichtung sendet jedes Formular seine Daten direkt aus dem Browser an die dafür konfigurierte Endpunkt-URL. Dieser Endpunkt kann ein eigener Dienst, ein selbst implementierter WordPress-Endpunkt oder der Übermittlungsendpunkt des Flow-Backends sein.
Aktuelle Flow-Builds bieten mehr als einfache einseitige Formulare. Editor und Laufzeit unterstützen:
- assistentengestützte mehrstufige Formulare,
- eigenständige Erfolgsansichten,
- Abläufe zum Speichern und Laden von Entwürfen,
- inhaltsgebundene Diskussionen und Antwortbäume, die auch in statischen Exporten funktionieren,
- KI-Vorschlagsblöcke mit Aktionen zum Annehmen, Ablehnen und Fortfahren,
- clientseitige Laufzeitereignisse für Übermittlungen, Entwürfe, Assistentennavigation und KI-Aktionen,
- Backend-Synchronisierung in eine kanonische Backend-Formulardefinition,
- ereignisgesteuerte Workflows, Vorlagen und manuelle Aktionen im Pro-Modus.
Kostenlos und Pro
Free
Der kostenlose Modus benötigt weder ein gehostetes SaaS-Backend noch eine WP-Suite-Verbindung.
Im kostenlosen Modus können Sie:
- Formulare in Gutenberg erstellen,
- Assistenten- und Erfolgsansichts-Layouts verwenden,
- Layout- und Feldblöcke einsetzen,
- bedingte Logik anwenden,
- KI-Vorschläge in der Frontend-Laufzeit ausführen, wenn die Website über die erforderliche KI-Backend-Anbindung verfügt,
- Formulare per Shortcode oder Elementor wiederverwenden,
- Daten direkt aus dem Browser an die im Formular konfigurierte Endpunkt-URL senden.
Flow speichert Übermittlungen nicht automatisch in WordPress. Sollen Übermittlungen innerhalb von WordPress verarbeitet werden, müssen Sie einen eigenen Empfangsendpunkt implementieren.
Pro
Pro wird verfügbar, nachdem Sie Ihre WordPress-Website mit einem WP-Suite-Workspace verbunden haben. Es ist besonders auf das separat in Ihrem AWS-Konto bereitgestellte WP Suite Flow Backend abgestimmt.
Eine typische Pro-Einrichtung:
- Flow-Backend in AWS bereitstellen,
- dessen veröffentlichte API-Basis-URL in Gatey als separate API hinzufügen,
- den passenden Schutzmodus (
IAModerCOGNITO) wählen, - diese API unter SmartCloud → Flow Settings → API Settings auswählen.
Damit erhalten Sie eine einfache, sichere Einrichtung für backendgestützte Übermittlungen, Admin-Werkzeuge, Vorlagen, Workflows und zugehörige Automatisierungen.
Mit Pro wird Flow zu einer Plattform für Übermittlungen und Automatisierung. Typische Pro-spezifische Muster sind:
- dauerhafte Speicherung und durchsuchbarer Verlauf von Übermittlungen,
- Speichern und Fortsetzen von Entwürfen,
- Backend-Formularsynchronisierung und Schemaverfolgung,
- E-Mail-Vorlagen und vorlagenbasierte Antworten,
- ereignisgesteuerte Workflows und manuelle Aktionen,
- KI-Agent-Workflow-Schritte und nachgelagertes Routing,
- Übergabe an andere Systeme über EventBridge oder Webhooks.
KI- und Workflow-Muster
Die Flow-Laufzeit kann KI-Vorschläge im Browser sammeln. Die Backend-Workflow-Ebene kann zudem KI-Agent-Schritte koordinieren, nachdem eine Übermittlung angenommen wurde.
Diese Aufteilung ist beabsichtigt:
- AI-Suggestions-Block: unterstützt Benutzer vor der endgültigen Übermittlung mit vorgeschlagenen Antworten, nächsten sinnvollen Aktionen und zugehöriger Dokumentation.
- KI-Agent-Workflow-Schritt: läuft, nachdem ein Ereignis das Backend-Workflow-System erreicht hat, und kann eine Übermittlung klassifizieren, weiterleiten oder anreichern.
Der Backend-KI-Schritt besitzt eine eigene Konfigurationsoberfläche für Routing-Voreinstellungen, Schemabeschränkungen und nachgelagerte Verzweigungen in der Prozesskarte. Lesen Sie vor der ersten Konfiguration KI-Agent-Workflow-Schritt, bevor Sie Routenschlüssel oder Antwortschemas entwerfen.
Diese Backend-Workflows sind nicht auf Formulare aus dem Browser beschränkt. Dieselbe Flow-Workflow-Engine kann normalisierte Ereignisse aus E-Mail-Eingangspipelines des AI-Kit-Backends verarbeiten. So dienen dieselben Vorlagen, Routingregeln und nachgelagerten Schritte sowohl Webformularen als auch eingehenden E-Mails.
Inhalt dieser Dokumentation
- Blöcke und bedingte Logik — verfügbare Blöcke, Layoutoptionen, Theme-Einstellungen und regelbasiertes Feldverhalten
- Diskussionen und Kommentare — inhaltsgebundene Kommentarbäume, Antwortrichtlinien, Cognito-Zugriff und Diskussionen auf statischen Websites
- Backend-Synchronisierung und Pro-Backend — Funktionsweise der Backend-Synchronisierung und Rolle des AWS-Backends
- Admin und Workflows — Übermittlungen, Vorlagen, Workflows, API-Einstellungen und Automatisierungsmodell
- KI-Agent-Workflow-Schritt — Backend-KI-Workflow-Schritte, Routing-Voreinstellungen, Prompts und nachgelagerte Verzweigungen konfigurieren
- JavaScript-API — öffentlicher Laufzeitzugriff unter
WpSuite.plugins.flow, Bereitschaftshelfer und Formular-Laufzeitereignisse - Gestaltung (CSS-Variablen) —
--flow-*-Design-Tokens anpassen - Shortcodes und Widgets — Flow-Formulare außerhalb von Gutenberg einbetten
