Who This Is For / When to Use
Use the Image element if you:
Build Funnels or Websites
Want to add static or clickable images
Need responsive image control for desktop and mobile
Adding an Image Element
Open the Funnel or Website you want to edit.
In the page editor, click the + icon on the left.
Select Image from the Elements panel.
Drag and drop the Image element onto the page.
Uploading or Selecting an Image
After adding the Image element:
Click the image placeholder.
Open the General tab in the right-side panel.
Upload an image from Media Storage or paste an image URL.
Image Settings Overview
The Image element includes three settings tabs:
General – Image source, size, alignment, and actions
Styles – Visual styling and spacing
Animations – Entrance animations
Each tab controls a separate aspect of image behavior.
General Settings
Use General settings to:
Rename the image element
Select or replace the image
Set width and height
Align the image
Set background color
Assign an Image Action
Image Actions
Image Actions allow images to trigger interactions when clicked.
Available actions include:
Open popup
Go to website URL
Download file
Hide or show elements
Scroll to element
Step or next step
Call
SMS
Email address
Select an action from Image Actions in the General tab.
Styles Settings
Use Styles to control visual appearance:
Opacity
Border radius
Borders
Shadows
Margin and padding
Alignment
Container width and height
Visibility (desktop or mobile)
Custom CSS class
Animations Settings
Use Animations to apply entrance effects:
Fade (In, Up, Down, Left, Right)
Slide (Up, Down, Left, Right)
Bounce
Animations play when the image enters the viewport.
Editing Images for Mobile View
You can customize image size specifically for mobile devices.
To edit mobile image settings:
Switch to Mobile View in the builder.
Select the Image element.
Adjust width and height values.
Use supported units: px, %, em, or rem.
Mobile-specific settings do not affect desktop layout.
Common Issues and Fixes
Image looks stretched
Adjust width and height values or switch units to percentage.
Image not clickable
Confirm an Image Action is selected in General settings.
Image hidden on mobile or desktop
Check Visibility settings in the Styles tab.
FAQ
How do I add an image element to my funnel or website?
Click the + icon in the page editor, select Image, then drag and drop it onto the page.
How do I edit an image after adding it?
Select the image and use the General, Styles, and Animations tabs in the right-side settings panel.
Can I make an image clickable?
Yes. Use Image Actions in the General tab to link the image to URLs, popups, calls, or other actions.
How do I control how images look on mobile?
Switch to Mobile View, select the image, and adjust width and height using supported units like px or %.
What image file format should I use?
JPG for photos
PNG for graphics or transparency
WebP for best performance and fastest load times