Using the Image Slider Element in the Website Builder
Creating Dynamic Image Sliders
The website and funnel builder includes an Image Slider element, a powerful tool for adding motion and visual interest to your pages. This feature lets you easily build interactive carousels of images that can automatically rotate or be controlled by your visitors.
How to Add an Image Slider
To insert an image slider onto a page:
- Open the website or funnel builder and navigate to the page where you want the slider.
- From the elements panel, drag the Image Slider element and drop it into your desired section.
- Click on the newly placed slider element to open its customization settings.
Customizing Your Slider
You can tailor the slider's appearance and behavior using the settings panel. Key options include:
- Transition Effects: Choose how the slides animate between images.
- Pagination & Arrows: Control the visibility and style of navigation dots and arrows.
- Autoplay: Set the slider to automatically cycle through images at a timed interval.
- Image Source: Add images by selecting them from your Media Library. For the best visual quality, use images with a 16:9 aspect ratio, such as 1600x900 px.
- Image Resizing: Adjust the dimensions of your slider images directly from the general options.
- Click Action: You can set a URL for each image so that clicking on a slide redirects the visitor to a specific page, with the option to open the link in the same tab or a new one.
Once you are satisfied with your settings, save your changes to publish the slider on your live site.
Frequently Asked Questions
How many slides can I add?
You can add an unlimited number of slides to a single slider, though a common best practice is to use between three and five for optimal engagement.
Is the image slider responsive?
Yes. The element is fully responsive and will adjust its layout to look great on both desktop and mobile devices.
Can I add a button to the slider?
While there isn't a separate button element for the slider, you can achieve a similar result by setting a click action for an image. When a visitor clicks the image, they will be redirected to the URL you specify, effectively using the entire slide as a button.