Image Slider Widget

Image Slider Widget Guide

The Image Slider widget lets you show several pictures that move one after another, like a slideshow. It’s a simple and clean way to show off things like your products, services, offers, or any other important visuals. You can change how it looks and how it works so it fits nicely with the rest of your website.

1. Start with a Template

What you’ll see:

• Ready-made designs like Simple Slider, Product Slider, or Full-Width Slider

• A Continue with this template button

What to do:

• Click on a layout to see how it looks

• Pick the one you like and click Continue to start editing

2. Use the Editing Tabs

Once you pick a template, you’ll work in three sections:

1. Content – Add your pictures and words

2. Style – Change how it looks

3. Settings – Set how the slider moves and acts

3. Customize Your Slider

Content Tab

This is where you add and manage what people see in the slider:

• Upload Images – Add pictures you want to show

• Titles & Descriptions – Write short messages to go with the images

• Buttons/Links – Add buttons that take people to a page or link

• Slide Order – Drag and drop to change the order of slides

No coding or tech skills are needed here.

Style Tab

This is where you change the look of the slider:

• Size – Make it wide, tall, or fit your space

• Colors & Fonts – Choose your colors and text style

• Slide Controls – Show or hide arrows and dots to move between slides

• Slide Movement – Pick how slides move (fade or slide)

• Image Spacing – Add borders or round the edges of pictures

This helps your slider look the way you want it to.

Settings Tab

This section controls how the slider works:

• Auto Slide – Make slides change on their own

• Pause on Hover – Stop the slider when someone puts their mouse on it

• Mobile Friendly – Make sure it works on phones and tablets

• Slide Speed – Choose how fast or slow the slides change

• (Optional) – Add extra code if you need something custom

Helpful Tips

• Use Content to add your pictures, text, and buttons

• Use Style to match the slider with your website look

• Use Settings to control how it moves and when

• Always click "Save" when you finish editing