How to add new images to my step-by-step guide?

Add new images to your step-by-step guide in Floik to provide visual context, enhance clarity, and make your instructions more engaging and easy to follow.

Crafted using Floik

The Image element lets you place an additional image on a step in a Step-by-Step Guide. You can position, rotate, and resize the image, or make it fill the screen.

Why use it

  • Place a logo, icon, or reference image on a step.
  • Fit an image to the full slide when it needs to be the main visual.

How to add an image to a step

  1. Open your Step-by-Step Guide and go to the step where you want to add an image.
  2. In the Edit panel, click the Image element in the Add elements section.
  3. In the Add image panel, click Image.
  4. The Select image dialog opens.
  5. Choose an image from one of these sources:
    • My Uploads
    • Any of the available categories
  6. Click Select. The image appears on the step.

Customize the image

After you insert the image, you can adjust it on the slide:

  • Reposition it. Drag the image to where you need it.
  • Rotate it. Rotate the image to the angle you want.
  • Resize it. Drag the edges of the image to change its size.
  • Fit it to the slide. Select Fit to Screen to make the image full-screen.

When you finish customizing, click Apply. The image is added to the step.

Delete an image

  1. Click the Edit icon for the image.
  2. Click Delete.
  3. Confirm the deletion in the pop-up.

Best practices

  • Use Fit to Screen for images that need to replace the screenshot as the main visual.
  • Resize and position the image so it does not cover the area viewers need to see.

✨ Create using AI Seamlessly – Chrome Browser Extension Required! ✨

Trusted by enterprises & innovative SaaS companies

Integrated Power Services
Document360
Ability Assist
Veritone
Eco/G