How to add an image to an interactive demo

Learn how to add and customize images in your demo, helping you make your content more visually engaging and easier for users to understand.

Crafted using Floik

Add and Insert Image

  1. Open the Edit panel and click on the Image element, then click Add.  
  1. Turn on Hide other elements for a distraction-free editing experience.  
  1. Set the timestamp by entering the time manually or using the video timeline slider.  
  1. Click Select image.  
  1. Upload an image from My uploads by clicking Upload and selecting a file from your device, or choose one from the available categories.  
  1. Click Insert to add the image to your demo.  

Customize and Manage Image

  1. Adjust the image using Size and position—choose Freedom for manual resizing or Fit to screen for automatic adjustment.
  1. If using Freedom, drag the edges of the image to resize and reposition it.
  1. Set how long the image appears using the options under Behavior.
  1. Add an AI voiceover to the image.
  1. Click Apply to save your changes.
  1. To delete the image, click the Delete icon and confirm by selecting Delete in the pop-up.
  1. Repeat the same steps to add multiple images at different timestamps.

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

Trusted by enterprises & innovative SaaS companies

Eco/G
Integrated Power Services
University of Connecticut
Precision Pumping Systems
Toptal