Product slider

Highlight special offers, bestsellers, or matching products

Product sliders make it easier to introduce more offers to visitors, encourage product discovery, and drive sales with minimal disruption to the browsing experience.

Start for Free Now

What it solves & why businesses use it

A static widget can only show one message at a time. A product slider widget gives visitors multiple entry points — highlighting bestsellers, new arrivals, sale items, or special offers, all in one widget.

When & how to use it

Product slider widgets work best when strategically placed in high-traffic areas on the website to highlight featured products or product categories and engage visitors during their product discovery. Key use cases include:

  • Sitewide: Trigger widgets with product sliders to feature new arrivals, trending, or seasonal collections, encouraging visitors to explore more products.

  • As an inline widget: Place a product slider below the main product details to showcase related products or matching suggestions.

  • On product pages: Trigger a product slider to highlight sale products or special offers, encouraging immediate action.

  • Exit intent: Show a product slider when a user tries to leave the site, showcasing a special offer, discount, or bundle deal to convert the visit into a sale.

How it looks

Product slider widgets are designed to be interactive and visually appealing. They typically include:

  • Images of products: The slider will display images of featured products, allowing users to view multiple items without leaving the page.

  • Clear product information: Each product within the slider could include basic details like name, price, and possibly a short description to help users quickly assess the offer.

  • Navigation arrows: Simple left-right arrows allow users to scroll through the products at their own pace.

  • Call to action (CTA): Each product should have a clear CTA, prompting the user to take action.

How to set it up

In just a few quick steps, you can whip up a widget with multiple slides to show off your best offers — free shipping, seasonal deals, discounts on selected items, and more.

Step 1: Choose a template

First impressions count, so go for a slider template that pops and grabs attention right away. With Claspo, you’ll find options that match your style, whether sleek and modern or bold and vibrant.

Step 2: Customize it

A good color scheme does a lot of heavy lifting — it helps your widget feel like a natural part of your brand. Tweak the colors of key elements like the background, CTA buttons, arrows, close icon, headings, and text to make everything feel just right.

Want to keep users interested? Eye-catching images or videos can make a big difference. You can upload your own in PNG, JPEG, SVG, GIF, WebP, or AVIF formats (just keep files under 3MB). Or choose from the stock library built into our editor. Also, you can add videos by simply pasting a YouTube link. The splash screen will load automatically, or you can upload one yourself.

It’s all about the experience — so let’s make sure your slider works the way you want it to. You have three modes to choose from for displaying slides. Order mode: slides appear in the order they were created. Random mode: slides are displayed randomly. Single random mode: only one random slide appears per view.

Adjust the slide transition timing to suit your audience. Want to give users more control? Disable auto-advance so they can scroll at their own pace, perfect for those who like to explore each slide. Click on Set up slider to customize the slider rules and choose the design of navigation buttons, indication or slideshow animation, etc.

Also, in the button settings, specify the destination URL. Click the button in the template, go to the General tab, and enter the page address in the Link field.

Similarly, set up the action on click on the widget slide. Click on the desired slide, go to General > Action on click.

Step 3: Set up placement

The editor provides a clear, step-by-step guide on placing an embedded widget. Just expand ‘How to find a CSS selector’ to view it.

Once done, select the display option and click ‘Test widget’ to preview it on your site — only you will see it. If everything looks good, click Next, integrate with your ESP, CRM, or other marketing tool, and publish the widget.

Fully designed product slider templates

Explore our entire library and find the perfect template to launch your next campaign in no time.

Proven recipes to increase sales

No matter what your goal is, there’s a widget for that. Explore pre-designed, user-friendly templates and find the perfect fit for your next campaign.

Need help or have questions?

Book a Call