Image Carousel Widget for Website. Responsive - Poper
Image Carousel Widget

An image carousel widget with eight real layouts.

Showcase products and portfolios with 3D, cinematic, and floating-stack effects. available widget settings, captions, and layout-dependent navigation controls.

No credit card required
14-day free trial
Cancel anytime

Built for builder website teams

Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Available on Poper plans

Try the live carousel

Live demo, not a screenshot. Style it, set rotation, embed it. What you see here is what ships to your site.

Before and after Poper

See the image carousel widget on a real page

A page before and after the Poper image carousel. Add your images, pick one of eight layouts, and the carousel rotates them with autoplay, captions, and the navigation controls supported by the selected layout. Style it with the available controls, then copy the embed snippet.

example.com (before)
Page section before the image carousel, showing a single static hero image with a BEFORE labelBefore
Page section before the image carousel, showing a single static hero image with a BEFORE label
everline.com
DTC fashion brand Everline website with the Poper image carousel embedded showing rotating hero slides with dot navigation and a Shop the Collection CTAPoper widget live
DTC fashion brand Everline website with the Poper image carousel embedded showing rotating hero slides with dot navigation and a Shop the Collection CTA

Mockups for illustration. Style the widget to match your site and embed in 90 seconds.

How to use it

How to add an image carousel to your website

Measure impact with your own analytics, no JavaScript library to babysit.

  1. 01

    Add slides and set the order

    Add images in the Poper builder, drag to reorder them, and give each slide a title and a short description. The live preview updates as you go.

    Poper builder slide manager showing carousel slide thumbnails with reorder handles and title and description fields
  2. 02

    Pick a layout and tune autoplay

    Choose from eight layouts: Modern Slider, 3D Overflow, Cinematic, Expanded Cards, Floating Stack, Quantum Slices, 3D Prism, and Circular Orbit. Turn autoplay on or off, set the interval, and use the navigation controls exposed by the selected layout.

    Layout picker showing the eight carousel layouts with autoplay, interval, and layout-dependent navigation controls
  3. 03

    Copy the embed snippet, ship

    Paste the Poper embed snippet into your site. Works anywhere your Poper embed snippet is supported.

    Embed snippet shown in a code editor with a Copy button and 5 platform install cards (supported platform install cards)

Works everywhere

Works with every website platform you already use

Drop-in install on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML-friendly stack. No build step, no developer needed.

WordPress
Shopify
Wix
Squarespace
Webflow
Framer
Ghost
HTML

Plus 250+ other platforms via the embed snippet. If your site can render a <script> tag, it can render the Image Carousel Widget: Hero Sliders, Product Galleries, Portfolio Carousels.

What you get with the Poper Image Carousel

Six things that matter when you embed a carousel: layouts, autoplay, captions, not 30 features no one uses.

Eight carousel layouts, from a clean slider to a 3D prism

Most carousel widgets give you one slider and a couple of toggles. Poper ships eight distinct layouts: a clean Modern Slider, a 3D Overflow coverflow, a Cinematic slow-pan, Expanded Cards, a Floating Stack, Quantum Slices, a 3D Prism, and a Circular Orbit. Each one is a genuinely different presentation, so you pick the carousel that fits the content and the page rather than restyling a single generic slider.

Available widget settings

Turn autoplay on or off, and set the interval in seconds. Pause-on-hover is available in supported layouts. Leave autoplay off when you want a purely manual carousel.

Available widget controls

Show or hide navigation arrows and dot indicators where the selected layout exposes those controls. Each slide can carry a title and a short description, so a product or portfolio carousel can label what the visitor is looking at as it rotates.

Available widget settings

Phone and tablet behavior depends on the selected layout; test the carousel on the target devices.

Available widget controls

Set aspect ratio where the selected layout exposes that control.

Available widget settings

The carousel adapts to the width it is given, from a desktop column to a phone viewport.

Use cases

Where Image Carousel Widget: Hero Sliders, Product Galleries, Portfolio Carousels actually moves the needle

Four buyer types who get the most lift from embedding Image Carousel Widget: Hero Sliders, Product Galleries, Portfolio Carousels on their site.

DTC fashion site hero rotator showing rotating product hero images with dot navigation and a Shop the drop CTA

Hero rotator

DTC and lifestyle brands rotate a few hero images at the top of the homepage. Add three to five slides, give each a title, and let autoplay or a swipe move between them.

Ecommerce product page with an image carousel cycling through several product angle photos with arrow and dot navigation

Product image gallery

Show a product from several angles in one slot. The 3D Overflow or Floating Stack layout makes browsing the shots feel tactile, and a square aspect ratio keeps each photo consistent.

Event recap page showing a carousel of event photos with autoplay, arrows, and a caption on the active slide

Event recap

Conference recaps, festival highlight reels, and brand activations. Rotate a set of event photos under the headline, with a title on each slide for context.

Portfolio page with an image carousel cycling through project images, each labeled with a project title

Portfolio showcase

Studios and photographers present their best work in a cinematic carousel. The Cinematic layout adds a slow pan, and each slide can carry the project name and a short line.

Poper vs other image carousel widgets

Most carousel widgets ship one slider and charge per view. Here is how the popular options stack up.

 Recommended
Poper
Elfsight Image Slider
POWR Slider
Poper workspace available
Limited views
Limited views
Number of distinct layouts
8 layouts
Limited
Limited
3D and cinematic effects
Limited
Limited
Available widget settings
Per-slide title and description
Limited
Limited
Layout-dependent arrows and dots
Touch swipe on mobile
Available widget controls
Partial
Partial
Live preview while editing
Remove third-party branding
All plans
Paid only
Paid only
Bundled with popups, forms, quizzes, more widgets
Pricing for unlimited views
Plan details vary
Vendor pricing varies
Vendor pricing varies

Comparison reflects external competitor positioning. Verify current details on each provider's site.

Implementation-focused setup notes.

Marketers and designers who picked a carousel layout that fits their content.

3D product gallery
We swapped a plain slider for the 3D Overflow layout on our product pages. Browsing the angles feels tactile now, and setup was just adding the photos and picking a layout.
Lisa Chang
Lisa Chang
Head of Growth · CartFlow
Cinematic portfolio
The Cinematic layout gave our portfolio carousel a slow pan that makes the work look considered. Per-slide titles meant every project got its name on screen.
Alex Rivera
Alex Rivera
Studio Lead · LensCraft
Layout that fits the page
Eight layouts to choose from meant I could match the carousel to the page instead of fighting one generic slider. Pause-on-hover keeps captions readable.
Maria Garcia
Maria Garcia
Web Designer · Wellness Studio

Pricing

Simple, yearly pricing. Save up to 40%.

All plans are billed yearly. Each card shows the per-month equivalent. Start free, then upgrade only when you need more campaigns, websites, or AI credits.

Yearly billing · save up to 40%

Starter

Essential lead capture for solo creators and growing businesses.

$15/mo

billed $180/year

  • 5 active campaigns (5 widget instances)
  • 1 website, 1,000 leads/mo
  • 100+ templates, 10+ display formats
  • Smart triggers & basic analytics
  • No Poper branding
  • 500 AI credits
Start with Starter
Most popular

Pro

Full engagement suite with A/B testing, gamification & unlimited leads.

$29/mo

billed $348/year

  • Everything in Starter
  • Unlimited campaigns & leads
  • 10 websites, 5 team seats
  • A/B testing & gamification
  • Multi-step forms & quiz builder
  • Custom domain (CNAME), 2,000 AI credits
Start with Pro

Business

Unlimited everything with white-label, API access & advanced analytics.

$79/mo

billed $948/year

  • Everything in Pro
  • Unlimited websites & team seats
  • White-label (add-on) & API access
  • Logic jumps, live quizzes & polls
  • Payment forms (Stripe/PayPal)
  • Advanced analytics, 5,000 AI credits
Start with Business

Prices shown for the 50k monthly visitor tier on yearly billing. A Free Forever plan ($0) and a custom Enterprise plan are also available. No contracts, cancel anytime.

Guide · 4 min read

The honest guide to image carousels: when they help, when they hurt

A carousel is a strong pattern in some places and a weak one in others. Used well, for product photos, portfolios, and event recaps, it lets a visitor browse several related images in one compact slot. Used badly, as a homepage hero stuffed with unrelated messages, it tends to get ignored. This guide is honest about both. It walks through when a carousel is the right choice, how to pick a layout, how autoplay should behave, and how to add slides so the carousel earns its place on the page.

03

How autoplay should behave

Autoplay is useful when the carousel is a secondary element a visitor may not think to interact with, such as an event recap or a set of hero variants. It is less useful, and sometimes counterproductive, when each slide carries text the visitor needs time to read, because a slide can advance before they have finished. The image carousel widget lets you turn autoplay on or off and set the interval in seconds, so you can match the behaviour to the content. Some layouts pause on hover when autoplay is on. A good default for most pages is to leave autoplay on with a comfortable interval of several seconds, or to turn it off entirely for a carousel where reading the captions matters. Navigation controls depend on the selected layout.

04

Adding slides and writing captions

A carousel is only as good as the images and the labels on them. Each slide in the widget carries an image, a title, and a short description, and the order is whatever you set by dragging the slides in the builder. A few habits make the carousel work harder. First, keep the set focused. A product carousel of six clear angles beats one of fifteen near-duplicate shots, and a portfolio carousel reads better when it shows your strongest work rather than everything. Second, use the title and description deliberately. On a product carousel, the title can name the angle or the detail; on a portfolio, it can name the project; on an event recap, it can name the moment. Captions give the visitor context as the carousel rotates, so the images are not just decoration. Third, mind the aspect ratio. Setting the carousel to a single aspect ratio that suits the images, whether that is wide 16/9, square 1/1, or tall 9/16, keeps every slide consistent and avoids a jarring change in shape between slides.

Quick reference

What is Image Carousel Widget: Hero Sliders, Product Galleries, Portfolio Carousels?

An image carousel widget is a slideshow component that displays multiple images in a single rotating or swipeable container, used for product galleries, portfolios, and hero sections. Poper ships eight carousel layouts, autoplay with pause-on-hover, and per-slide titles and descriptions.

Key facts

  • Poper offers eight carousel layouts: Modern Slider, 3D Overflow, Cinematic, Expanded Cards, Floating Stack, Quantum Slices, 3D Prism, and Circular Orbit
  • Autoplay can be turned on or off, with an adjustable interval in seconds
  • When autoplay is on, the carousel pauses automatically while the visitor's cursor is over it
  • Each slide carries an image, a title of up to 45 characters, and a description of up to 100 characters
  • Navigation arrows, dot indicators, and aspect ratio are configurable where the selected layout exposes those controls
  • A carousel works best for browsing several images of one subject, such as product photos or portfolio work

Last fact-checked: . We re-verify every quarter.

Tutorial

See the Image Carousel Widget in action

A quick walkthrough of setting up and embedding this widget.

Tutorial video coming soon

Frequently asked questions

Can't find the answer you're looking for? Chat with our support team.

Contact Support

Ship a carousel that fits your content

Eight layouts, autoplay with pause-on-hover, per-slide captions. Use the Poper embed snippet in a supported page free plan.

Free plan available forever