Wappler Flow Connect

Turn multi-step client behavior into a workflow you can follow.

Flow Connect coordinates client-side actions visually. Choose an isolated reusable App Flow, a page-aware Page Flow or a compact Inline Flow for event handling.

Interactive App Connect playground for client-side actions and data
Client-side actions stay connected to the interface they drive. From the Flows: multi-step client workflows tour.
Why it matters

Use the right flow for the scope of the interaction

Simple event glue can stay inline, page-aware orchestration can stay with the page, and reusable processing can live in an App Flow that returns a result.

App Flow

Create an isolated, reusable client-side workflow that processes actions and data and can return results.

Learn App Flows

Page Flow

Coordinate a workflow inside a page with access to that page's components and actions.

Learn Page Flows

Inline Flow

Keep a short sequence of actions directly inside an element event when no returned data is needed.

Learn Inline Flows
A complete workflow

Choose, compose and reuse

The flow type communicates the scope and return behavior before anyone reads every step.

  1. 1

    Choose the scope

    Decide whether the behavior belongs to one event, one page or a reusable application workflow.

  2. 2

    Arrange the steps

    Compose client actions and data transformations in their execution order.

  3. 3

    Call and refine

    Trigger the flow from the relevant interface event and adjust it as the application grows.

Questions

Know what you are choosing

Flow Connect coordinates client-side actions in the application. Server Connect runs secure backend operations on the server.

Use Inline Flow for small event sequences, Page Flow for page-specific orchestration, and App Flow for an isolated reusable workflow that can return data.
Build the next version

Make complex interactions easier to see and reuse

Start with the smallest appropriate flow, then follow the guided path as your client-side behavior becomes richer.

Made in Wappler