How the Image Slider Works
The Image Slider displays multiple slides inside one element. Each slide can include:
An image
A CTA link
A new-tab or current-tab setting
Image optimization settings
You can also control slider behavior such as autoplay, animation style, looping, hover behavior, swipe gestures, and device visibility.
Add an Image Slider to a Page
Open the website or funnel page in the builder.
Choose the section where the slider should appear.
Add the Image Slider element.
Add or edit slides in the right-side settings panel.
Add images from the Media Library.
Save your changes.
For best results, use images with a 16:9 aspect ratio, such as 1600x900 px or 1920x1080 px.
Configure Slides and CTA Links
Each slide can be managed from the General tab. Use the Slides panel to:
Add slides
Reorder slides
Delete slides
Select the slide you want to edit
Use the selected slide settings to:
Add an image
Add a CTA link
Choose whether the link opens in a new tab
Enable image optimization
When a visitor clicks the slide image, the CTA link can send them to the selected URL.
Configure Slide Animation
Use the Advanced tab to control how the slider moves. Available slider behavior settings include:
Animation effect
Auto-animate slides
Time between slide changes
Infinite loop
Pause on hover
Disable swipe gestures
Use Disable swipe gestures when you do not want visitors to swipe through slides on touch devices.
Control Device Visibility
The Image Slider can be shown or hidden by device type. Use Visibility settings to control whether the slider appears on:
Desktop
Mobile
This helps you create layouts that work well across screen sizes.
Use Custom Classes and CSS Selectors
The Custom Class area lets you add a class name for advanced styling. The CSS Selector field provides the selector for the Image Slider element. Use custom classes only when advanced CSS styling is needed.
Common Issues and Fixes
The slider image looks cropped or inconsistent
Use images with the same aspect ratio across all slides. Recommended size:
1600x900 px or 1920x1080 px
The slide click does not redirect
Check the selected slide’s CTA Link field. Confirm the URL is complete and the correct tab behavior is selected.
The slider does not move automatically
Open the Advanced tab and confirm Auto-animate slides is enabled. Also check the timing value under Every.
The slider does not work as expected on mobile
Check the Visibility settings. Confirm the mobile visibility option is enabled.
FAQ
What is the Image Slider element?
The Image Slider element lets you add an interactive image carousel to a website or funnel page.
How many slides can I add?
You can add as many slides as needed. A common best practice is 3 to 5 slides.
Can a slide image link to another page?
Yes. Add a URL in the slide’s CTA Link field. You can choose whether the link opens in the current tab or a new tab.
Can I resize images in the Image Slider?
Yes. Image sizing and layout can be adjusted from the Image Slider settings.
Does the Image Slider work on mobile?
Yes. The Image Slider is responsive and can be shown on desktop, mobile, or both.
Can I add a button inside the Image Slider?
The clickable action is handled by the slide image CTA link. To show a button visually, include the button design inside the image itself.