Top
Insert an image in a Flow step
  • 15 Sep 2022
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Insert an image in a Flow step

  • Dark
    Light
  • PDF

Article Summary

Before you insert the image into a Flow, you must first host the image online and copy the URL.
You can use popular online image-sharing websites like Imgur, ImgBB, etc to host the image.

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

  1. Open the desktop application where you'd like to create the Flow and then launch the Whatfix Desktop Editor.

  2. Click Flow.
    desktop-click-flows-editor

  3. Enter the name of the Flow as you want it displayed to a user.
    WhatfixDesktop_Name_Flow

  4. Click Add Step.
    7(3)

  5. Click the desired element on the application that you want your user to select.
    WhatfixDesktop_Flows_Select_element

  6. Enter the purpose and description of the step.
    WhatfixDesktop_Enter_Purpose_Step

Note

The maximum character limits for the Purpose and Description of the step are 200 characters and 400 characters, respectively. However, you can increase the character limits by contacting support@whatfix.com.

  1. Move the cursor to a new line and click the Plus icon
    h.png

  2. Click the Insert Image icon.
    insert_image_in_step_image_icon

  3. Enter the URL of the image you want to add to the Flow.
    insert_image_in_step_insert_url

Note
The URL format must end with the image format (png, jpg, jpeg)
• Correct: https://i.imgur.com/jpJkjqs.png
• Incorrect: https://imgur.com/jpJkjqs
  1. Click Insert.
    insert_image_in_step_click_insert

  2. Once you insert the image, you can click it to see the customization options.
    Icon for edit

Here's a list of all the customization options that you can choose from,

  • 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 centre.
  • 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.
Note

You can preview how the Tooltip appears on the right side of the Whatfix Editor.
WhatfixDesktop_Right_Panel_Preview

  1. Click Add Step to finish creating the step and then, continue creating the Flow.
    edit_flow_add_step

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.