---
title: "Show Pop-ups in succession"
slug: "show-pop-ups-in-succession"
updated: 2025-06-26T04:33:04Z
published: 2025-06-26T04:33:04Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Show Pop-ups in succession

Consider that you are creating an interactive debugging wizard for your application. The wizard presents a series of Pop-ups in succession, guiding end users through troubleshooting steps based on different choices they can make on the preceding Pop-up. Each Pop-up offers two options: one to proceed with additional guidance and another to exit the wizard. For example, if a user encounters an issue and selects try this solution, the next Pop-up provides further instructions or options. If the user chooses to exit, the wizard closes and returns them to the previous screen. This decision-tree approach enables users to interactively navigate tailored solutions.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Debug_wizard.gif)

Here’s how you can achieve this use case.

[Step 1: Create the Pop-ups](/studio/docs/show-pop-ups-in-succession#step-1-create-the-popups)

[Step 2: Link Pop-ups to show in succession](/studio/docs/show-pop-ups-in-succession#step-2-link-popups-to-show-in-succession)

---

#### Step 1: Create the Pop-ups

Create the Pop-up as required. For more information on how to create a Pop-up, see [Create a Pop-up](/studio/docs/creating-pop-ups).

Ensure that each Pop-up contains buttons that can be linked to other Pop-ups. For example, if Pop-up A has two choices, **Start wizard** and **Close wizard**, add a button for each option in the Pop-up.

Whatfix enables you to link Pop-ups based on user performing actions such as skipping or closing the Pop-up. To display Pop-ups in succession, ensure that there’s a Skip, Close, or both options for each Pop-up. For example, to configure Pop-up A, set the following button actions:

- For the Start wizard button, set **Skip**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Pop-up_Skip.png)
- For the Close wizard button, set **Close**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_pop-up_close.png)

---

#### Step 2: Link Pop-ups to show in succession

Once you have created the Pop-ups, use the following steps to link them to show in succession:

> [!NOTE]
> Info:
> 
> Configure the first Pop-up with the general when, where, and who [Visibility Rules](/studio/docs/visibility-rules-20-1). For example, if Pop-up A is the first Pop-up with a date range based Visibility Rules, then the following steps are applicable for Pop-up B and the ones that follow.

1. In the **Visibility Rules** section for your Pop-up, click **When does the pop up start or stop appearing?** ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_When_does_popup_appear.png)
2. From the **What causes the pop up to appear?** dropdown, select **Events related to Whatfix content**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_what_causes_pop-up_to_appear(1).png)

> [!WARNING]
> Note:
> 
> When the **Events related to Whatfix Content**condition is selected, all other Visibility Rules become unavailable.
3. From the **Content type** dropdown, select **Popup**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Content_type.png)
4. Select the previous Pop-up that triggers the current one. For example, select Pop-up A while you are configuring Pop-up B. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Choose_popup.png)
5. From the**Event dropdown**, select **User skips the popup**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_User_skips_popup(1).png)

> [!WARNING]
> Note:
> 
> Select **User closes the popup** if you want the next Pop-up to show up when the user either clicks the close button or the close icon.
6. Click **Save**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Click_save.png)
7. Make any other edits as needed in the Pop-up, then click **Save**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Click_Save_popup(1).png)