---
title: "Launch a Popup from a Self Help"
slug: "launch-a-popup-from-a-self-help"
updated: 2025-05-07T08:58:41Z
published: 2025-05-07T08:58:41Z
canonical: "support.whatfix.com/launch-a-popup-from-a-self-help"
---

> ## 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.

# Launch a Popup from a Self Help

Consider that you have a Self Help segment where you want to highlight new features in an engaging way without interrupting the user experience. You want to use a Carousel Pop-up that appears only when users choose to view it, ensuring a non-intrusive experience. Each Carousel slide includes a brief introduction and the key benefits of the feature, helping users understand what's new.

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

Here’s how you can achieve this use case.

[Step 1: Create an empty Flow on the page you want to show the Pop-up](/studio/docs/launch-a-popup-from-a-self-help#step-1-create-an-empty-flow-on-the-page-you-want-to-show-the-popup)

[Step 2: Create the Pop-up](/studio/docs/launch-a-popup-from-a-self-help#step-2-create-a-popup)

[Step 3: Link the Pop-up with the empty Flow](/studio/docs/launch-a-popup-from-a-self-help#step-3-link-the-popup-with-the-empty-flow)

[Step 4: Add the Flow in the Self Help](/studio/docs/launch-a-popup-from-a-self-help#step-4-add-the-flow-in-the-self-help)

---

#### Step 1: Create an empty Flow on the page you want to show the Pop-up

Consider that you want to show the Pop-up on your application's landing page. Create an empty Flow on that page and title it appropriately, as this title appears in the Self Help. The Flow should be set to fail. It means that although the Flow never shows up, Whatfix recognizes that a Flow was run on the page and enables you to display any widget linked to it.

Use the following steps to create an empty Flow:

1. Create the Flow using Whatfix Studio.
2. Select any element on the screen. Since it is just an empty Flow, it doesn’t matter what element you select.
3. In the **Advanced Options** section, add the following Display Rule:

**Selected Element Is** → **CSS Selector** → **empty** ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Display_Rules.png) For more information, see [Create a Flow](/studio/docs/creating-a-flow).

---

#### Step 2: Create a Pop-up

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).

---

#### Step 3: Link the Pop-up with the Flow

Once you have created the Pop-up, use the following steps to link it with the Flow:

1. In the **Visibility rules** section for your Pop-up, click **When does the pop up start and stop appearing?** ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_When_does_popup_appear(1).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(2).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 **Flow**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Click_Flow.png)
4. Click **Content**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Click_Content.png)
5. Select the Flow that you created. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Choose_Flow(1).png)
6. Click **Add**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Click_Add.png)
7. From the **Event**dropdown, select**Before the flow starts**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_select_events(1).png)
8. Click **Save**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Click_Save(1).png)
9. Make any other edits as required in the Pop-up, then click **Save**.![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Save.png)

---

#### Step 4: Add the Flow in the Self Help

Add the empty Flow in the Self Help segment from where you want to launch the Pop-up. For more information, see [Add a Flow to Self Help](/studio/docs/add-a-flow-to-self-help). Whenever the end user clicks the Flow in the Self Help, the Pop-up opens up on the same page.