Insert an image in a Flow step
- 06 Aug 2025
- 2 Minutes To Read
- Print
- DarkLight
- PDF
Insert an image in a Flow step
- Updated On 06 Aug 2025
- 2 Minutes To Read
- Print
- DarkLight
- PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Whatfix Mirror facilitates the integration of visuals into training content, enabling you to add images to specific Flow steps to improve user understanding and engagement within the simulated environment.
Use the following steps to insert an image in a Flow step:
Log in to the application where you want to create content, and then launch the Whatfix Studio.
Click Flow.
Enter the name of the Flow as you want it displayed to the users.
Click + Add Step.
Click the desired element on the page that the user needs to select.
Review or edit the action text that Whatfix Studio generates for the step.
Click the Description section of the tooltip, and select the Insert Image icon from the Rich Text Editor.
Click the Browse icon, and browse the Image from your Image Library.
Note:
Upload the image to your Dashboard before inserting it in a Flow step using the browse option. For more information, see Upload Images to your Dashboard.
Info:
Add images to your content by inserting their link either from your Dashboard or from an online image platform as a 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.
- To find the link of the image you uploaded to your Dashboard, see Upload Images to your 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.
- Host the image on an online image-sharing website like Imgur or ImgBB before inserting it in a Flow step using a URL.
- 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
Click the inserted image to see the following customization options.
- 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.
Click Save Flow.
Was this article helpful?