How to Add an Image Slider to a Funnel or Website

By Sparkforge Support Team ·Last reviewed May 3, 2026

The Image Slider element drops carousel-style image slides into any funnel or website page. Plus four other layout elements: Margin Padding, Shadow, Custom Class, and Visibility.

The funnel and website builder includes an Image Slider element for carousel-style image displays. It ships alongside four other layout elements that give you finer control over spacing, depth, styling, and conditional visibility.

Slider Element Capabilities

  • Drag-and-drop image carousels with transition effects, arrows, and pagination
  • Autoplay settings, looping, and per-slide URL redirects
  • Responsive — works on desktop and mobile
  • Click-through behavior set per slide (open in current tab or new tab)

Other New Layout Elements

  • Margin Padding: adjust spacing around any element with precision
  • Shadow: add depth and dimension
  • Custom Class: attach your own CSS classes for advanced styling
  • Visibility: show or hide elements based on conditions like device type

How to Add an Image Slider

  1. In the builder, find the section or page where the slider belongs.
  2. Drag and drop the Image Slider element into place.
  3. Configure transition effects, pagination, autoplay, and timing.
  4. Add images from the Media Library. For best results, use a 16:9 aspect ratio — 1600x900 px or 1920x1080 px.
  5. Save. The slider renders on your published site or funnel.

Tips

  • 3-5 slides is the standard. More than that and most viewers won't see the last ones.
  • Resize and crop in the slider's general options if your images don't match the recommended aspect ratio.
  • Use the URL redirect option to send a viewer to a specific page when they click a slide. The whole image acts as a button.

Frequently Asked Questions

How many slides should I use?
3-5 is standard. You can add more, but viewers rarely sit through long carousels — keep your strongest content in the first three slides.
What image size works best?
16:9 aspect ratio: 1600x900 px or 1920x1080 px. That keeps the slider sharp on desktop and scales cleanly on mobile.
Can I make a slide clickable?
Yes. In the slider's general options, set a URL redirect per slide and choose whether it opens in the current tab or a new one. The whole image becomes a clickable area.
Does the slider work on mobile?
Yes. The Image Slider is responsive and renders correctly on phones and tablets.
Can I add a separate button on top of a slide?
Use the slide's URL redirect — the image itself behaves like a button when clicked. Stacking a separate button isn't supported inside the slider.

Was this article helpful?

Related Articles