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

Inserting an image in a Flow step

  • Updated On 05 Sep 2022
  • 1 Minute To Read
  • Print
  • 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?
Related Articles
What's Next
Privacy Policy | Whatfix Glossary | Whatfix Platform Status
Copyright © 2023 WHATFIX TM. All rights reserved.
Change password!
Changing your password will log you out immediately. Use the new password to log back in.
Change profile
Success!
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.
Logout