Who This Is For / When to Use
This article is for users building funnels or websites who want to:
Improve page load speed using image optimization
Control image optimization at both the funnel and element level
Add visual animations to images and buttons for engagement
What Image Optimization Does
Image Optimization:
Compresses images automatically
Serves images through CDN caching
Improves page speed and user experience
Helps maintain strong SEO performance
Image optimization can be controlled:
Globally (funnel or website settings)
Individually (per image element)
Element-level settings always override global settings.
Step 1: Open a Funnel or Website
Go to Sites from the left sidebar.
Select Funnels or Websites.
Open the funnel or website you want to edit.
Step 2: Add or Select an Image Element
Enter the page editor.
Click the + (Add Element) icon.
Choose Elements.
Select Image, or click an existing image on the page.
Step 3: Toggle Image Optimization on the Image Element
With the image selected, open the General tab on the right panel.
Locate Optimize Image Load.
Toggle the option ON or OFF as needed.
This setting applies only to the selected image.
Step 4: Enable or Disable Image Optimization Globally (Optional)
You can define the default behavior at the funnel level.
Open the funnel.
Go to Settings.
Find Image Optimization.
Toggle the setting ON or OFF.
Click Save.
Important:
If an image element has its own optimization toggle set, that setting overrides the funnel-level option.
Entrance, Hover, and Loop Animations
Animations allow you to add movement effects to images and buttons for visual emphasis.
Step 5: Open the Animations Panel
Select an image or button element.
Open the Animations tab in the right panel.
Step 6: Choose an Animation Type
Available animation categories include:
Entrance Animations (Fade, Slide, Bounce)
Rotate
Zoom
Flip
Light Speed
Infinite Loop (Glow, Rocking, Bounce)
Select one animation to apply it immediately in the builder preview.
Step 7: Save and Publish
Preview the animation directly in the builder.
Click Save.
Publish the funnel or website when ready.
Important Notes About Animations
Animations are responsive and work across devices.
You can combine animation types (for example, entrance + hover).
Excessive animations may slightly affect performance.
Common Issues and Fixes
Image not optimized
Check both the image element toggle and the funnel-level setting.
Animation not visible
Confirm the animation type is selected and saved.
Ensure you are previewing in the builder or on a published page.
Page feels slow
Reduce the number of animated elements.
Keep image optimization enabled.
FAQ
What is image optimization?
Image optimization reduces image file size while preserving quality, resulting in faster page load times.
Can I control image optimization per image?
Yes. Each image element has its own Optimize Image Load toggle that overrides global settings.
How do I know if image optimization is active?
If the toggle is enabled on the image element or at the funnel level, the image is optimized automatically.
What animation types are available?
Entrance, hover, rotate, zoom, flip, light-speed, and infinite loop animations are supported.
Do animations work on mobile?
Yes. Animations are responsive and work across all supported devices.
Can I apply multiple animations to one element?
Yes. You can combine entrance, hover, and loop animations on the same image or button.
Do animations affect page speed?
Animations have minimal impact, but using many animations on large pages may slightly increase load time.
Should I optimize every image?
Yes. Keeping image optimization enabled for all images is a best practice for performance.