Free Image Slider Widget: Add a Responsive Slider to Your Website

Use the widget builder below to create your free image slider widget. Select a template and click “Continue with this template” to get started.

Show products, offers and photos in a smooth, responsive slider. Mix images and videos, and add text, badges and buttons without coding.

How to use the Image Slider widget builder

Image slider widget builder with slider templates
  1. Choose a template: Pick a design such as Banner Slider, Photo Slideshow, Image Carousel, Video Carousel or Full Width Slider, and click “Continue with this template”.
  2. Add your slides: Choose a slide type for each slide. Use the Slide Builder for designed slides, an Image Slide for a photo with an optional link, or a Video Slide for a clip.
  3. Add text, badges and buttons: On Slide Builder slides, add a heading, text, a badge such as “New” or “Sale”, and a button that links to your offer.
  4. Set up navigation: Choose the pagination type and position, show or hide arrows, and turn on swipe navigation for touch screens.
  5. Turn on Auto Slide: Make the slider move by itself, set the delay between slides and pause it when visitors hover over it.
  6. Set the size: Enter the width and height that fit your layout, from a full-width homepage banner to a smaller section slider.
  7. Save your widget: Click “Add to website for free” and sign up on the next page to save your widget.
  8. Copy the embed code: Paste it into your website where you want the slider to appear.

Key features of the Image Slider widget

  • Images and videos: Combine product photos, lifestyle images and promotional clips in one carousel.
  • Three slide types: Designed slides with text and buttons, simple image slides with a link, and video slides.
  • Badges and buttons: Highlight offers with labels like “New”, “Sale” or “-30%” and send visitors straight to the right page.
  • Auto Slide: Set your own delay between slides and pause on hover.
  • Navigation controls: Arrows, several pagination styles and swipe support for phones and tablets.
  • Custom size: Set the width and height to fit a hero section, a sidebar or anything in between.
  • Responsive design: The slider adapts to desktop, tablet and phone screens.

Ways to use an image slider on your website

A slider lets you show several messages in the same space, which is useful when you have more to promote than fits on one screen. Popular uses include:

  • A homepage banner with your current offers and seasonal sales
  • Featured or best-selling products with a “Shop now” button
  • A photo slideshow of your work, venue or recent projects
  • Step-by-step slides that show how to use a product
  • A short video carousel about your company or team

Tip: keep sliders short and put your most important slide first, since many visitors won’t wait for every slide. If you want to show many photos at once, a Photo Gallery widget is often a better fit. To compare two images side by side, use the Before and After Slider.

How to add the Image Slider widget to your website

After you save the widget, Elfsight gives you a short embed code. Paste it into a custom HTML or embed block where you want the slider to show. It works on WordPress, Wix, Squarespace, Shopify, Webflow, Google Sites and any other website that accepts custom HTML. For step-by-step instructions for each platform, see our guide on how to add embed code to any website builder.

Sliders work best near the top of your homepage, on category or landing pages, and in sections where you want to highlight a few key offers.

How to manage your Image Slider widget

Log in to your Elfsight dashboard to edit your widget at any time, for example to swap in a new sale banner. Changes go live automatically, so you don’t need to replace the embed code on your website. From the dashboard you can also create more widgets, copy the embed code again and see how many views your widget has used this month.

Frequently asked questions

Is the image slider widget free?

Yes. Elfsight’s free plan includes one widget with up to 200 views per month on unlimited websites, with a small Elfsight branding link. Paid plans start at $5 per month (billed yearly) and add more views and remove the branding.

Can I add videos to the slider?

Yes. You can combine images and videos in the same slider, for example product photos with a short promotional clip.

Can the slider play automatically?

Yes. Turn on Auto Slide, set the delay between slides, and choose whether the slider pauses when a visitor hovers over it.

Can I add text and buttons to slides?

It depends on the slide type. Slides made with the Slide Builder can have headings, text, badges and buttons. Image slides support a link, and video slides don’t take extra elements.

Can I change the size of the slider?

Yes. You can set a custom width and height, from a full-width homepage banner to a small slider inside a page section.

More image and gallery widgets

Scroll to Top