Top
Insert an image in a Flow step
  • 07 Jan 2026
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Insert an image in a Flow step

  • Dark
    Light
  • PDF

Article summary

Use the following steps to include any image in a Flow step:

  1. Open the desktop application where you would like to create the Flow and then launch the Whatfix Desktop Studio.
    desktop_studio.png
  2. Click Flow.
    Studio_Click_Flow
  3. Enter the name of the Flow as you want it displayed to the users.
    Studio_Enter_Flow_Name
  4. Click + Add Step.
    Studio_Click_Add_Step
  5. Under Choose step type, select the Flow step type.
    Switch over to the Flow step types from the dialog box that appears
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

Attached to elementFree-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.
  1. Click the desired element on the page that the user needs to select.

  2. Review or edit the auto generated action text on the step.
    Enter_description.png

  3. Click the Description section of the tooltip and select the Insert Image icon from the Rich text editor.
    Insert_image.png

  4. Click the Browse icon and browse the Image from your Image Library.

    insert_image(1)

    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 on uploading Images to your Dashboard, see Upload Images to your 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.
    insert image(1)


    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.
    image link editor

  • 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

    • 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, you can replace it using this option.
    • Remove: Enables you to remove the image.
  2. Click Save Flow.
    Save_Flow_Studio.png


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.