--- title: "Visibility Rules for Flow Steps" slug: "display-rules-for-showing-tooltips" updated: 2026-08-11T06:19:18Z published: 2026-08-11T06:19:18Z canonical: "support.whatfix.com/display-rules-for-showing-tooltips" --- > ## 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. # Visibility Rules for Flow Steps Display Rules enable you to configure Flows steps to appear only when pre-determined conditions are met. Using such rules ensures that the Flow step appears at the right time and at the intended place. Display rule conditions are set based on the following: - [URL Properties](/studio/docs/url-condition-rules) - [Other Element on Page](/studio/docs/other-element-is-condition-rule) - [Window variable](/studio/docs/window-variable-condition-rule) - [Element CSS Selector/jQuery](/studio/docs/selected-element-condition-rules) - [Element Text](/studio/docs/selected-element-condition-rules) --- Use the following steps to add Display Rules to Flow steps: 1. Log in to the application where you want to create content, and then launch the **Whatfix Studio**. ![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) 2. Click **Flow**. ![Click Flows ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Click_Flows.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) 3. In the Studio toolbar, select a capture mode. ![std_toolbar_capture_modes](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/std_toolbar_capture_modes.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) Note: - **Free floating step** is currently Beta. Contact [support@whatfix.com](http://mailto:support@whatfix.com?subject=Enable%20Free-floating%20Flow%20step%20&body=Hi%0A%0AI%20would%20like%20to%20explore%20the%20new%20Free-floating%20Flow%20step%20type.%20Kindly%20enable%20it%20on%20my%20ENT%0A%0AThanks) for more information. - For more information on different capture modes, see [Quick Capture Modes](https://support.whatfix.com/docs/what-are-quick-capture-flows#quick-capture-modes). 1. Click the desired elements on the application page. ![Create_Flow_Leads_Click](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Create_Flow_Leads_Click.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) 2. After you have captured the required steps, click **Done**. ![std_toolbar_done1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/std_toolbar_done%281%29.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) 3. Enter the name of the Flow. ![Editor_flow_name6](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_name%286%29.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) Info: - Whatfix enables you to add a Display Name for your end users. Use the Content Name for internal tracking, such as region, role, module, or release codes. Users then see the Display Name in the Self Help, Task List widgets and Exports. For more information, see [Add a Display Name to Whatfix Content](https://support.whatfix.com/docs/add-a-dislay-name-to-whatfix-content). ![The image shows the Flow name and the Display Name field while creating a flow on the Studio.](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/FlowDisplayName.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) - To capture additional steps, click **Add Step**. ![Click Add Step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click%20Add%20Step.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) 1. Review or edit the auto generated text on the Flow step. ![std_review_flow_step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/std_review_flow_step.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) > [!NOTE] > Info: > > Enter any additional information that you want to provide in the description section of the tooltip. 1. In the Whatfix Studio editor, click **Visibility Rules**. ![std_content_vr](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/std_content_vr.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) 2. Set the **Where**, **When**, and **Who** conditions. For more information on the different conditions, see [Visibility and Display Rule Conditions](/studio/docs/visibility-and-display-rule-conditions-1). 3. Click **Save Step** to finish creating the step and then, continue creating the Flow. ![Studio_SaveFlowstep](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_10-24-13%281%29.png?sv=2026-02-06&spr=https&st=2026-10-14T08%3A03%3A21Z&se=2026-10-14T09%3A03%3A21Z&sr=c&sp=r&sig=f7Cvv0Jv2HD18X9KyUP4PPzmNgFXxSSSxGPH0XzYzew%3D) For more information on creating a Flow, see [Create a Flow](/studio/docs/creating-a-flow). ## Related - [Flow Failure Reason - Display rules failed](/flow-failure-reason-display-rules-failed.md)