SyncFlo AI
WhatsApp SetupWhatsApp Flows
1.Overview
2.Builder Interface
3.Components
4.Interactions
5.Deployment
6.AI integration
Orchestration Logic

Navigation & State Management

Master the mechanics of multi-screen transitions and the establishment of logical flow hierarchies.

Screen Encapsulation

Every Flow configuration must contain at least one screen. Screens act as distinct UI containers where components are organized. To maintain a clear logical structure:

  • Define unique Screen Identifiers (e.g., `START_SCREEN`, `USER_DETAILS`).
  • Utilize the **Canvas Nodes** to spatially visualize the step-by-step progress of the user.
  • Ensure only one entry point is designated as the root screen in your Meta Metadata.

Relational Logic Hooks

Node Handles

Use the circular handles on the right and left sides of the Screen Nodes to visually connect one screen to another. This creates a directed graph of the user journey.

Action Mapping

Within the Component Inspector of a button, map its Click Action to an "on_click" event. This ensures that the Meta client knows which screen to render next.

Logical Termination (Terminal Nodes)

Not every screen requires an outgoing link. A Terminal Node is a screen where the interaction concludes. By placing a "Complete" button on the final screen:

  1. The flow session is closed on the WhatsApp client.
  2. The accumulated **Payload Object** is transmitted back to the SyncFlo platform.
  3. The conversation context resumes, and the AI agent processes the returned data.