🥳 Celebrate Our Launch With a $200 LIFETIME Discount OFF The Premium Plan Use: BIRTHDAY2024
This offer expires 9/30/2024, at 11:59 PM EST
Using the Image Slider in the Funnel & Website Builder
Add rotating images, clickable slide links, and smooth transitions to create a more engaging experience in your BizStackPro funnels and websites.
Adding Movement and Visual Variety Without Overcomplicating the Page
Static pages can sometimes feel repetitive or visually flat, especially when showcasing products, testimonials, featured content, or promotional offers.
The Image Slider element in BizStackPro allows multiple images to rotate inside a single section with customizable transitions, clickable slide links, styling controls, and device visibility settings.
Overusing sliders, uploading mismatched image sizes, or adding too many rotating elements can slow pages down and create distracting user experiences across desktop and mobile devices.
This guide explains how to add and configure Image Sliders, organize slide order, customize styling and transitions, apply CTA links, and optimize slider behavior inside BizStackPro funnels and websites.
Before configuring transitions and device visibility settings, it helps to understand how the Image Slider element functions inside the BizStackPro Funnel and Website Builder.
Overview
The Image Slider element lets you display a rotating set of images with optional transitions and clickable links per slide. It’s a simple way to add motion and visual storytelling to your pages—without needing custom code.
Best practice: Use images with the same dimensions so your layout doesn’t “jump” as slides rotate. Keep your slider focused—3–5 slides is a strong starting point.
Add the Image Slider to a Page
You can use the Image Slider in both Funnels and Websites. Add it like any other builder element.
- Go to Sites.
- Open Funnels (funnel step) or Websites (site page).
- Select the page you want to edit and open the builder.
- Locate Image Slider in the elements panel.
- Drag and drop it into the section where you want it to appear.
Placement tip: Sliders work well in hero sections, testimonial areas, or “featured offers” sections. Avoid stacking multiple sliders on one page to keep load times fast.
Configure Slides
1) Upload Images
Select each slide slot and upload or choose an image from your media library. Most sliders start with a few slide slots by default.
2) Reorder Slides
Arrange slides in the order you want visitors to see them. A simple structure is: Attention → Proof → Action.
3) Add CTA Links Per Slide
Each slide can link to a different URL. You can also choose whether the link opens in the same tab or a new tab.
- Use unique links for products, offers, or sections of your site
- Open in a new tab for external links or checkout pages
- Keep link text/intent consistent with the image shown
Style, Size & Appearance
- Dimensions: Set height/width to match your design and image proportions.
- Border: Choose thickness, style (solid/dashed/dotted), and color.
- Rounding: Add corner radius to match modern card styling.
- Shadow: Add depth so the slider stands out from the background.
- Spacing: Adjust margin/padding so the slider doesn’t feel cramped.
Example: If your slider sits on a white section, a light shadow and subtle rounding can make it feel like a “card” without distracting from the content.
Transitions, Controls & Device Visibility
Animation & Transition Settings
- Enable auto slide transition (if available)
- Set the slide switching frequency
- Enable infinite looping for continuous rotation
- Adjust arrow styles and visibility
- Enable swipe gestures for mobile users
Desktop vs. Mobile Visibility
Control where the slider displays by setting visibility rules (desktop only, mobile only, or both) in the element’s advanced settings.
Mobile tip: If the slider feels too tall on phones, consider using a separate mobile-only slider (or hide it on mobile) and replace it with a single image for faster loading.
Build more engaging pages with interactive visuals
Image sliders can highlight offers, show before/after examples, or rotate testimonials—without adding complex design work.
Opens in a new tab.
Frequently Asked Questions
What is the Image Slider element?
The Image Slider lets you add rotating image slides with transitions, CTA links, borders, shadows, and device visibility options.
How do I add an Image Slider?
Open the Funnel or Website Builder, drag the Image Slider element onto your page, upload images for each slide, and configure the slider settings.
How many slides should I use?
You can add as many as you want, but 3–5 slides is a common best practice for speed, clarity, and conversion flow.
Can I add CTA links to each slide?
Yes. Each slide can link to a unique URL and you can choose whether it opens in the same tab or a new tab.
Is the Image Slider available on mobile?
Yes. You can control visibility for desktop and mobile in the element’s advanced settings.
Turn static pages into interactive experiences
Use the Image Slider to rotate visuals, link each slide to the next step, and keep visitors moving through your funnel or website flow.
Better visuals. Higher engagement.
Disclaimer: This site is NOT endorsed by Google, Facebook or YouTube in ANY WAY. All trademarks & Logo / branding are the property of their respective owners. Please Note: This site was created in BizStackPro by Ken George II (An Affiliate of BizStackPro) and may contain affiliate links.
Copyrights 2024 | AllAboutBizStackPro.Com | Pricing | About | Features | All Rights Reserved.