Skip to main content

How to create popups with branching experiences

Create more interactive journeys based on visitors’ choices

Updated today

In some situations, linear, step‑by‑step popups simply aren’t enough.

Imagine that you want to:

  • Create a quiz and reward visitors with a better discount when they give the right answers

  • Build a personalized guide that adapts its content based on visitors’ preferences

  • Ask Shopify visitors about their style and recommend products from different categories accordingly

  • Run a sequential questionnaire, while still allowing visitors to skip steps and jump directly to the final reward

All of this is now possible with the Branch form block. The Branch block replaces traditional Email, Phone, Survey, or Spin to Win forms and lets you design more sophisticated flows inside a single popup. Instead of giving every visitor the same generic experience, you can create dynamic journeys that adapt in real time to their choices.

This feature is only available to customers on 2025 plans. If you want to get access, update to a new plan or contact us.

Step 1 - Start from an existing template and remove existing forms

Most campaigns start from an existing template. Before adding a Branch block, make sure to remove any existing Email, Phone, Survey, or Spin to Win form from all steps of the campaign.

Only one form type is allowed per campaign, and in this case it must be the Branch block.

💡 In the future, we’ll provide templates that include Branch forms by default. Contact us if you need help designing your branching experiences.

Step 2 — Add the Branch form to your campaign

Drag and drop the Branch form block into your campaign. By default, this will create a form with two submit buttons.

You can fully customize both the fields and the buttons to match your use case.

Step 3 — Configure questions and branching buttons

Like a regular form, the Branch block allows you to:

  • Add questions to collect data from visitors (email, phone, custom fields, etc.)

  • Sync collected data with your Email and SMS integrations

In the example below, we ask visitors to provide their email address, then choose whether they’re interested in men’s or women’s styles.

Now the interesting thing is that you can have more than one "submit" button. In our example, we ask the visitor whether they want to receive news about men's or women's styles.

  1. Assign an ID to the button - Each submit button should have an ID. This ID is used to store the visitor’s answer. In our case it will be "man_or_woman".

2. Define what happens after each choice - Each button can trigger a different action.

  • For the Men’s style button, set the action to:

    • Show next step → Step 2

  • For the Women’s style button, set the action to:

    • Show next step → + Create new branch

3. Create and manage branches - When you create a new branch:

  • A new path is added at the same step level

  • The branch is automatically named after the button label that created it

This makes it easy to visualize and manage multiple visitor paths inside the same campaign.

Step 4 — Customize each branch based on visitor choices

Once branches are created, you can design completely different experiences for each path. For example, you might:

  • Change images and copy

  • Display different products or recommendations

  • Offer different incentives or discounts

  • Use entirely different blocks and layouts

In our example, we only customized the image and text, but there are no limitations on how different each branch can be.

Step 5 — Go beyond simple branching

Branching doesn’t have to stop at a single decision point. You can combine multiple branches to create rich, interactive experiences.

Here are a few advanced use cases:

🔹 Multi‑level quizzes and guides

Add additional branching questions in later steps to further refine the visitor’s path. This is ideal for:

  • Personality or product‑fit quizzes

  • Guided onboarding flows

  • Progressive personalization

🔹 Optional steps and shortcuts

You can also use branches to let visitors skip steps.

Example:

  • Ask visitors to leave feedback before receiving a discount

  • Offer a Skip feedback option

  • If selected, the visitor jumps directly to the final reward step

This gives visitors more control over their experience while keeping your funnel flexible.

Did this answer your question?