--- 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 canonical: "support.whatfix.com/inserting-an-image-in-a-flow-step" --- > ## 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%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-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) --- 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) - 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) - 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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) - **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?sv=2026-02-06&spr=https&st=2026-10-14T07%3A41%3A32Z&se=2026-10-14T08%3A41%3A32Z&sr=c&sp=r&sig=3Rg%2Bwk1PYPaTdEIWjHEXTInMuzzRRETk9pqkO%2Fqn5BI%3D) ## 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)