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:

  1. Flow-Backend in AWS bereitstellen,
  2. dessen veröffentlichte API-Basis-URL in Gatey als separate API hinzufügen,
  3. den passenden Schutzmodus (IAM oder COGNITO) wählen,
  4. 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