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

Inserting an image in a Flow step

  • Dark
    Light
  • PDF

Any image that you want to insert in a Flow step has to be first hosted on an online image-sharing website like Imgur, ImgBB, etc.

your title goes here

Images must first be uploaded to a hosting platform before they can be inserted in a Flow step. You need the URL of the image from the hosted platform to complete this process.

Use the following steps to include the image in a step.

  1. Log in to the application where you want to create content, and then launch the Whatfix Editor.
    CLM_editor plug in(2)

  2. Click Flow.
    Editor_flow_button_new

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

  4. Click +Step.
    editor_step

  5. Click the desired element on the page that the user needs to select.
    flow_element_select(1)

  6. Review/Edit the auto-generated action text on the step.
    RB_editor_step_purpose

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 [email protected].

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

  2. Click the Insert Image icon.
    insert_image_in_step_image_icon

  3. Copy the image URL from the online image-sharing website and paste the URL.
    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 the image is inserted, you can click it to see the customization options.
    Icon for edit

The customization options you can choose from are listed below:

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

You can preview how the tooltip appears on the right side of the Whatfix Editor.
flow_step_capture_preview_editor

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

Was this article helpful?


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.