Celebrate July 4th with a 10% Independence Day discount! Use coupon code —
JULY4QC2024
! 🤩
Product
FORMATS
Interactive Guide
Clickable step-by-step demos
Interactive Video
Demos with hotspot interactions
Explainer Video
Narrated product walkthroughs
KEY CAPABILITIES
Highlight element
Guide Attention with Precision
Custom branding
Create standout showcases with your unique branding
Embed anywhere
Embed your showcases anywhere you want
Pre-recording HTML edit
Learn How to Edit Webpage Text Before Recording
Music element
Add Emotion with Background Music
See all features
Product
Interactive Guide
Interactive Video
Explainer Video
KEY CAPABILITIES
Capture
Customise
AI Voiceover
Branding
Teamspace
Solutions
By use case
Support ticket deflection
Answer your top ticket drivers once
Product Adoption & Feature Demos
Make sure customers notice what you shipped
Customer Education
Teach your product inside your own academy
Training & Onboarding
Train people on the software, not a slide deck
Solutions
Checkout demo center
USE CASES
Buyer Education
Sales Enablement
Customer Activation
Customer Enablement
PRICING
Compare Pricing
Customers
Read how Marie saved 20 hours every week with Floik
Read how Additive used Floik to reduce support tickets by 40%
Pricing
Resources
Using Floik
Help center
Changelog
Gallery
Levelling Up
Blog
Resources
USING FLOIK
Help Center
Documentation and how-tos
Changelog
New releases and updates
Gallery
Browse 400+ live examples
Leveling Up
Blog
Guides, tips and product news
Compare
Floik versus the alternatives
LOGIN / SIGNUP
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
Open the
Edit panel
and click on the
Image
element, then click
Add
.
Turn on
Hide other elements
for a distraction-free editing experience.
Set the
timestamp
by entering the time manually or using the video timeline slider.
Click
Select image
.
Upload an image from
My uploads
by clicking
Upload
and selecting a file from your device, or choose one from the available categories.
Click
Insert
to add the image to your demo.
Customize and Manage Image
Adjust the image using
Size and position
—choose
Freedom
for manual resizing or
Fit to screen
for automatic adjustment.
If using
Freedom
, drag the edges of the image to resize and reposition it.
Set how long the image appears using the options under
Behavior
.
Add an
AI voiceover
to the image.
Click
Apply
to save your changes.
To delete the image, click the
Delete icon
and confirm by selecting
Delete
in the pop-up.
Repeat the same steps to add multiple images at different timestamps.
✨ Create using AI Seamlessly – Chrome Browser Extension Required! ✨
Interactivity 🖱️
Interactive demos 🧩
Trusted by enterprises & innovative SaaS companies