Advanced

Multi-step and chained component experiences

Version 1.0 · Last updated 2026-06-25

Multiple steps in a single component, or several components chained one after the other. For onboarding, walkthroughs, and longer journeys.

A customer journey rarely fits in one screen. Onboarding flows, sign-up paths, guided product tours - they all need multiple beats. Multi-step and chained components are how you build those without writing custom code.

Key concepts

Multi-step component

Single component with a built-in stepper. Two to four steps recommended. Each step has its own content (image, header, body, buttons). Common use: in-product onboarding for a new feature.

Chained components

Several independent components linked one after the other. Each is its own component, on its own page or surface. Common use: marketing-site qualification flow that hands off to a sign-up form.

Step IDs and linking

Each component has an ID. Chain components by setting the primary button URL to the next component’s ID. Same-page jumps use #[id]. Cross-page jumps use the path plus the ID.

Final step actions

The last step of a multi-step component can close, redirect, run a Procedure, or capture an email.

What you can do here

Build a multi-step component
Chain multiple components into a sequence
Capture email or other variables at the final step
Trigger Procedures at any step
Combine chained flows with Audiences for targeted journeys

When to use it

You are building a multi-step onboarding flow
You have a journey that spans multiple pages
You want a quick qualification flow that hands off to a deeper experience
You need to onboard a new user with a guided product tour

When not to use it

A single step would do. Resist the temptation to make every flow multi-step.
The flow is sequential by nature, but the customer often skips ahead. Use chained components instead, where each step is its own page.

How it works

A multi-step component uses an internal stepper. The customer moves through with primary and secondary buttons. Chained components are simpler: each component primary button URL points at the next component’s ID, and the platform handles the navigation.

Common questions

How do I build a multi-step component?

Open "Deploy > Conversation starters > Library". Filter for Multistep. Pick a template, configure settings, open the editor. Use the Stepper tab to add or edit steps.

How do I add steps to an existing multi-step component?

Open the component editor and find the Stepper tab. Click the plus icon to add a step. Keep total steps to three or four for best results.

How do I chain two components together?

On the first component, set the primary button URL to #[id] of the second component (same page) or /path/#[id] (different page). The second component appears when the customer clicks.

Where do I find a component ID?

The ID appears in the URL when previewing the component or on the settings page.

Can I capture an email at the end of a multi-step component?

Yes. The last step has an email field option. Map it to your CRM or trigger a follow-up Procedure.

Can chained components span different surfaces?

Yes. The first component can live on your marketing site and the next on the product, as long as the Unless snippet is installed on both.