--- title: "Linking two Flows" slug: "linking-two-flows" updated: 2025-09-04T05:35:32Z published: 2025-09-04T05:35:32Z --- > ## 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. # Link two Flows You might need more than one Flow to explain a certain scenario in your application. Whatfix enables you to connect one Flow to another Flow at any step. The user can either view the linked Flow or skip it. ![Link2Flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link2Flows.gif) ## Linking two Flows is a two step process: Step 1: [Find the Flow ID of the Flow that you want to link](/studio/docs/linking-two-flows#find-the-flow-id-of-the-flow-that-you-want-to-link) Step 2: [Link the Flows](/studio/docs/linking-two-flows#link-the-flows) ### Find the Flow ID of the Flow that you want to link Use the following steps to get the Flow ID: 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) 3. Click the Flow whose ID you want to copy. ![Linking_two_flows_021](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Linking_two_flows_02%281%29.jpg) 4. Click **Flow ID**. ![Copy_Flow_ID_Click.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Copy_Flow_ID_Click.png) Note: - The Flow ID is copied to the clipboard. - Also view the Flow ID in the URL of the Flow. The last section in the URL is the ID of the Flow. ![Flow_ID_in_URL](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Flow_ID_in_URL.png) In this case, the Flow ID is f17a7f98-3ffe-421c-ae84-1ef884ea214a. ### Link the Flows Info: Expand the accordions for more details. Link a Flow to a new Flow Use the following steps to link a Flow to a new Flow: 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) 2. Click **Flow**. ![Studio_Click_Flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Flow%281%29.png) 3. Enter the name of the Flow as you want it displayed to the users. ![Studio_Enter_Flow_Name](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Enter_Flow_Name.png) 4. Click **Add Step**. ![Studio_Click_Add_Step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Add_Step.png) 5. Under **Choose step type**, select the Flow step type. ![Switch over to the Flow step types from the dialog box that appears ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flow_Step%20Types_Switch.png) Note: - With the Flow enhancement feature, you have the option to select two types of Flow steps, and not just element latching Flows. A dialog box appears on the application to highlight the two types of Flows. Under **Choose step type**, select a Flow step based on your requirements: either **Attached to element** or **Free-floating**. ![Studio switcher enables you to switch between 2 flow types: element-attached flow types and free-floating flow types](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Switcher_Flow_Types.png) | Attached to element | Free-floating | | --- | --- | | When you select this type of Flow step, it remains attached to an element on your application. | When you select this type of Flow step, it remains flexibly positioned devoid of any element attachment. | - You also have the option to select a default template by clicking **Set as Default** for all the subsequent steps in a Flow. If you change the default step at an enterprise (ENT) level, it appears the same for all the users using that ENT. - For more information, see [Free-floating Flows](/studio/docs/free-floating-flows) and [Create a Free-floating Flow step](/studio/docs/create-free-floating-flows). - Free-floating Flows 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. 1. Click the desired element on the page that the user needs to select. ![Create_Flow_Leads_Click](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Create_Flow_Leads_Click.png) 1. Review or edit the auto generated action text on the step. ![Link-Two-Flows-Click-Leads](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-Click-Leads.gif) Info: Enter any additional information that you want to provide in the description section of the tooltip. 1. Select the text to which you want to link the Flow. ![Link_Flows_creation_01](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link_Flows_creation_01.gif) 2. Click the **Insert Link** icon. ![Link_Flows_creation_011](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link_Flows_creation_01%281%29.gif) 3. In the URL field, enter the Flow ID in the format **wfx-Flow ID**. ![Link-Two-Flows-add Flow ID](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-add%20Flow%20ID.gif) Note: The link must be added in the wfx-Flow ID format. Your added link has the following format: wfx-4033f234-bac6-4119-bfc5-12611f16af22. 1. Select the **Open in new tab** checkbox. ![Link-Two-Flows-enable oprn in new tab](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-enable%20oprn%20in%20new%20tab.gif) 2. Click **Insert**. ![Link-Two-Flows-Insert](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-Insert.gif) 3. Under **CONFIGURATIONS**, expand **Appearance**. ![Studio_configureflow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_configureflow.png) Make the following configurations: - Select a Tool tip appearance from the available options. - Select the tip **Color** from the existing color picker or enter the hex code of the desired color. - Select the **Close (X) color** from the existing color picker or enter the hex code of the desired color. ![Choose_Flow_Theme.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Choose_Flow_Theme.png) 1. Expand **Position** and select the desired position of the tooltip. ![Choose_Position_Flow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Choose_Position_Flow.png) 2. Under the **Step Completion Rules** section, select the desired rule. For more information on the Step Completion Rules, see [Define step completion rules](/studio/docs/defining-step-completion-rules) ![Define_step_completion rules.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Define_step_completion%20rules.png) 3. Click **Save Step**. ![Click_Save_step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Save_step.png) Note: Click **Preview** to preview the Flow during the Flow creation on Studio. The Flow opens in a new tab and displays the steps that are created on the application. You must create and save at least one step to enable **Preview**. ![Click_Previewflow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Previewflow.png) 1. Go to where you want to start the next step and then click **+ Add Step** on the Studio. ![Click Add Step.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click%20Add%20Step.png) 2. Click **Save Flow**. ![Studio-SaveFlow-Button](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio-SaveFlow-Button.png) Link a Flow to an existing Flow Use the following steps to link a Flow to an existing 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) 2. Click **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png) 3. Hover your cursor over the required Flow, and then click the **Edit** icon. ![Desktop_Click_edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Desktop_Click_edit.png) 4. Go to the step and then click **Edit**. ![DVM_Flow_edit.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DVM_Flow_edit.png) 5. Select the text you want to link the Flow to and then click the **Insert Link** icon. ![DVM_Select_Link.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DVM_Select_Link.png) 6. In the URL field, enter the Flow ID in the format **wfx-Flow ID**. ![Link-Two-Flows-add Flow ID Dashboard1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-add%20Flow%20ID%20Dashboard%281%29.gif) Note: The link must be added in the wfx-Flow ID format. Your added link has the following format: wfx-4033f234-bac6-4119-bfc5-12611f16af22. 1. Select the **Open in new tab** checkbox. ![Link-Two-Flows-enable open in new tab dashboard1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-enable%20open%20in%20new%20tab%20dashboard%281%29.gif) 2. Click **Insert**. ![Link-Two-Flows-Insert dashboard1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Link-Two-Flows-Insert%20dashboard%281%29.gif) 3. Click **Save**. ![DVM_Save_step.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DVM_Save_step.png)