Celebrate July 4th with a 10% Independence Day discount! Use coupon code —
JULY4QC2024
! 🤩
Product
Interactive demo
Step-by-step Guide
Explainer video
Key capabilities
Capture
Customize
Branding
See all features
Product
Interactive demo
Explainer video
Guide
KEY CAPABILITIES
Capture
Customise
AI Voiceover
Branding
Teamspace
Solutions
Use Cases
Buyer education
Show prospect your product’s value
Sales enablement
Drive conversion with personalized content
Customer Activation
Get customers to reach the “aha moment”
Customer Enablement
Ongoing education on new releases
Check out our demo center
Customers
Read how Marie saved 20 hours every week with Floik
Read how Additive used Floik to reduce support tickets by 40%
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
Levelling Up
Blog
Using Floik
Help Center
Changelog
Gallery
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