---
title: "Preview a Flow"
slug: "previewing-a-flow"
updated: 2026-08-14T09:20:48Z
published: 2026-08-14T09:20:48Z
canonical: "support.whatfix.com/previewing-a-flow"
---

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

# Preview a Flow

Whatfix enables you to preview any Flow that you create before publishing them. Use the **See Live** and **Preview** options to see how your Flow looks on the website or application before you publish it to your end users.

****Use See Live after Flow creation****

Use the following steps to use See Live after Flow creation:

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)
2. Click **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png)

1. Hover your cursor over the Flow, and then click the **See live** icon. ![CLM_DB_See_live_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_See_live_icon.png)

> [!NOTE]
> Info:
> 
> The Flow opens in your application and shows how the content appears to your users.

**Use Preview during Flow creation**

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)
2. Click **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png)

1. Hover your cursor over the Flow, and then click the **See live** icon. ![CLM_DB_See_live_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_See_live_icon.png)
2. Once all the steps are captured, on the Whatfix Studio, click **Save Flow**. ![Editor_flow_save_flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_save_flow.png)

Click **Preview**. ![2024-10-18_10-18-33.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_10-18-33.png)

> [!NOTE]
> your title goes here
> 
> The Flow opens in your application and shows how the content appears to your users.

## Related

- [How does Preview Mode differ from See Live and Launch live edit?](/how-does-preview-mode-differ-from-see-live-and-launch-live-edit.md)