Using The Image Slider in the Funnel & Website Builder

Using The Image Slider in the Funnel & Website Builder

The image slider is a powerful tool for creating dynamic and engaging visual presentations on your website or funnel. Here’s a step-by-step guide to help you make the most out of the image slider feature.

Getting Started with the Image Slider

1. Accessing the Image Slider Element:

   • Log in to your CRM sub-account.

   • Click on "Sites".

   • Although you may start on "Funnels", note that the image slider works on both funnels and websites.

   • Navigate to the section where you want to add the image slider.

   • Scroll down the left-side menu to find the Image Slider option and click to add it to your page.

2. Implementing the Slider:

   • After selecting the image slider, it will be added to your page where you can start configuring it.

Configuring Your Slides

1. Adding Images:

   • On the right side of your screen, you’ll see slots labeled "Slide One," "Slide Two," and "Slide Three."

   • Click on "Slide One" to open the image upload interface.

   • Use the image icon to upload images from your folders. You can also drag and drop images directly into the upload area.

2. Setting the Order:

   • Arrange the images in your desired sequence. For instance, if you have Image1, Image2, and Image3, you can choose how they appear in the slider.

Advanced Features for a Tailored Experience

1. Additional Slides and CTA:

   • You can add more slides if needed.

   • Each slide has an option to add a Call-To-Action (CTA) link. Specify the URL to which visitors will be directed when they click on the image. Choose if the link should open in the same tab or a new tab.

2. Adjusting Dimensions:

   • Customize the height and width of your slider to match the image format. Ensure that these dimensions fit well within your page layout.

3. Advanced Settings:

   • Pixel Margins: Adjust margins to reposition your slider as needed.

   • Image Borders: Set borders, including thickness and color.

   • Corner Radius: Choose rounded corners for a softer look.

   • Border Styles: Select from different styles such as dotted or dashed.

   • Shadows and Page Breaks: Add shadows or adjust page break styles for enhanced visual appeal.

   • Slide Frequency: Set how frequently slides switch.

   • Device View: Adjust settings for desktop, mobile, or both.

4. Animating Your Slider:

   • Add a dynamic feel by choosing transition effects for the slides.

   • Options include auto animation, infinite looping, and swipe gestures.

   • Customize the appearance and behavior of navigation arrows to fit your design preferences.

By following these steps, you can effectively use the image slider to create engaging and visually appealing web pages.