Create Your First Flow

In this guide you will build a simple two-screen welcome flow, publish it, and see it render in your app. The whole process takes about 15 minutes.

Step 1 -- Create a flow

1. In the dashboard, click Flows in the sidebar.
2. Click Create Flow.
3. Choose a template to start from -- pick one that matches your use case, or select a blank template to start from scratch.

After selecting a template, you land in the flow builder -- a visual canvas where you design the structure of your flow. You can rename the flow by clicking its name in the top bar of the editor.

Step 2 -- Add screens

The builder starts with a Start node. From here you add screens to build out your flow.

1. Click the + button on the canvas and select Add Screen from the menu.
2. Name the first screen "Welcome" and click on it to open the screen editor.
3. Add a second screen the same way and name it "Get Started".

Step 3 -- Add components to your screens

Click on the "Welcome" screen node to open the component editor.

1. Drag a Text component onto the screen and set its content to a greeting, for example "Welcome to MyApp".
2. Drag an Image component below it and upload a logo or illustration.
3. Drag a Button component to the bottom and set its label to "Next".
4. Use a Spacer component between the image and button to push the button to the bottom of the screen.

Repeat for the "Get Started" screen with different content and a "Let's Go" button.

Step 4 -- Connect the screens

Back on the flow builder canvas, make sure the screens are connected in order:

Start -> Welcome -> Get Started

Drag edges between nodes if they are not already connected. The edge from a screen node fires when the user taps the primary action button on that screen.

Step 5 -- Preview your flow

Before publishing, preview what your flow looks like:

1. Click the Preview button in the top toolbar.
2. Step through each screen to verify layout, content, and navigation.

Step 6 -- Understand draft vs. published

Setgreet uses a draft system to protect live users from incomplete changes:

• Draft -- your working copy. Edits are saved automatically but are not visible to app users.
• Published -- the live version served by the SDK. Publishing copies the current draft to the live version.
• Unpublished -- removes the flow from SDK responses entirely. You can re-publish at any time.

When you edit an already-published flow, your changes go into a new draft. The live version remains untouched until you publish again.

Step 7 -- Publish

1. Click Publish in the top-right corner of the flow builder.
2. Confirm the publish action.

Your flow is now live. The SDK will pick it up on the next sync (within seconds for most configurations).

Step 8 -- Test on a device

1. Open your app on a device or simulator where the Setgreet SDK is initialized.
2. Make sure you have called Setgreet.identifyUser(...) so the SDK can evaluate targeting.
3. The Welcome flow should appear automatically since it has no trigger conditions (it matches all users by default).

Next steps

• Add trigger conditions so the flow only shows to new users.
• Explore the component library to build richer screens.
• Set up branching to create conditional paths based on user responses.