--- title: "Insert an image in a Flow step" slug: "inserting-an-image-in-a-flow-step" updated: 2025-12-01T08:53:17Z published: 2026-02-05T14:20: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. # Insert an image in a Flow step Use the following steps to insert an image in a Flow step, 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. ![Editor_flow_tooltip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_tooltip.png) 2. Click the **Description** section of the tooltip and select the **Insert Image** icon from the Rich Text Editor. ![Click_image_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_image_icon.png) 3. Click the **Browse** icon and browse the Image from your Image Library. ![Insert_image](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Insert_image.gif) --- Note: When you want to insert an image in a Flow step using the browse option, you must first upload the image to your Dashboard. For more information, see [Upload Images to your Dashboard](/studio/docs/upload-images-and-videos-to-whatfix-dashboard). Info: Images can be added to your content by inserting their link either from your Dashboard or from an online image platform as an URL. **Insert Image link from your Dashboard** If you have uploaded images to your Dashboard, and you want to insert them in your Whatfix content, copy and paste the image link in the URL field. ![Inset_image_URL](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Inset_image_URL.png) - To find the link of the image you uploaded to your Dashboard, see [Upload Images to your Dashboard](/studio/docs/upload-images-and-videos-to-whatfix-dashboard). --- **Insert Image link from an online image platform** If you have image links hosted on various platforms, and you want to embed these in your Whatfix content, copy and paste the URL of the image in the URL field. ![Insert_link](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Insert_link.png) - When you want to insert an image in a Flow step using the URL from an online image platform, you must host the image first in an online image-sharing website like Imgur, ImgBB, and more. - The URL format must end with the image format, such as png, jpg, or jpeg. - **Correct**: https://imgur.com/jpJkjqs.png - **Incorrect**: https://imgur.com/jpJkjqs 1. Click the inserted image to see the following customization options. ![Editor_audio_options](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_audio_options.png) - **Change size:** Enables you to change the dimension of the image in terms of pixels - **Align:** Enables you to align the image to the left, right, or center. - **Insert link:** Enables you to add link URLs to the image. - **Alternative text:** Enables you to add alternative text to the image. - **Replace:** In case you added the wrong image, replace it using this option. - **Remove:** Enables you to remove the image. 2. Click **Save Flow**. ![Save_Flow_Studio.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Save_Flow_Studio.png) ## Related - [Image or Video blocked when you add it to a Flow](/imagevideo-blocked-when-you-add-it-to-a-flow.md) - [Upload Images to your Dashboard](/upload-images-and-videos-to-whatfix-dashboard.md)