---
title: "Show information as a Pop-up before running Flows"
slug: "showing-information-as-a-pop-up-before-running-flows"
updated: 2026-08-06T15:17:49Z
published: 2026-08-06T15:17:49Z
canonical: "support.whatfix.com/showing-information-as-a-pop-up-before-running-flows"
---

> ## 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 information as a Pop-up before running Flows

To display information to users before running a Flow, Whatfix enables the configuration of a Pop-up called **Flow information Pop-up**. The Pop-up appears before the steps in a Flow start appearing.

For example, instruct users to keep particular information accessible before running a Flow to prevent any interruptions. Achieve this use case by adding the **wfx_play_as_popup** tag, either in the Studio while creating a Flow or on the Dashboard after Flow creation.

Note:

- Flow Title and Description appear in the Pop-up.
- The Flow information Pop-up does not appear if the Flow is attached to a Pop-up.

Use the following steps to show information to your users before running a Flow:

1. On the Whatfix Guidance dashboard, click **Content**. ![ia_left_nav_content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_content.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
2. Click **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)

1. Select the Flows you want to launch as a Pop-up. ![CLM_DB_select_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_select_flows.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
2. Click the **Tags** icon. ![clm_db_tags](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_tags.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
3. In the dialog box, click the **Plus icon**. ![RB_dashboard_manage_tags_plus_button](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_dashboard_manage_tags_plus_button.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
4. Search for the **wfx_play_as_popup** tag and select it from the list. ![RB_dashboard_manage_tags_play_popup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_dashboard_manage_tags_play_popup.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
5. Click **Done**.

### Customizing the Flow information Pop-up

Use the following steps to customize the Flow information Pop-up:

1. On the Whatfix Guidance dashboard, click **Style**. ![ia_left%20nav_style](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_style.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
2. Click **Flows**. ![ia_style_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_style_flows.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)

1. Under the **Flow Theme** tab, click the **Flow As PopUp** tab. ![flowaspopupdesk.jpg](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/flowaspopupdesk.jpg?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
2. Make the necessary changes on this page using the following information.

The configurations that you can change are listed below:
  - Choose formatting options like text size, color, style, and alignment for the Flow information Pop-up header and description text.
  - Configure the **Guide Me** button text, text color, and button color.
  - Enable/Disable the **Skip** button, and configure its text and color.
  - Enable/Disable the **X icon** (close) on the Pop-up and configure the color of the icon.  

![RB_settings_config_flow_popup_options](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_settings_config_flow_popup_options.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)
3. Click **Save**. ![Click_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_save(2).png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A44Z&se=2026-11-12T09%3A43%3A44Z&sr=c&sp=r&sig=MmU6JWF5lez0HOS6pQJ9UcWtDjATIrdWnVMNSGE0H6c%3D)