core

Carousel in Website

A carousel is a rotating content element that displays multiple items—images, text blocks, testimonials, or product cards—in a single fixed area, letting visitors scroll or auto-advance through t...

What Is a Carousel in Website?

Who this is for: Small business owners and beginners building their first WordPress site who want to display multiple images, testimonials, or products without stacking them vertically down the page.

A carousel is a rotating content element that displays multiple items—images, text blocks, testimonials, or product cards—in a single fixed area, letting visitors scroll or auto-advance through them one at a time.

Answer Capsule

A website carousel is a UI component that cycles through a set of content items (images, cards, or text) within one fixed container. Visitors can advance items manually with arrows or dots, or the carousel advances automatically on a timer. In WordPress, carousels are added via page builder widgets or dedicated slider plugins.

A carousel lets you pack multiple pieces of content into the vertical space of one. Instead of showing six product photos stacked down the page, you show one at a time with left/right navigation controls. On client sites we manage, carousels appear most often on homepages (hero image rotations), testimonials sections, and WooCommerce featured-product rows.

Why Do Sites Use Carousels?

The practical reason is space efficiency. A homepage hero section that rotates three value propositions communicates more than a single static image without requiring the visitor to scroll. According to the WordPress.org lesson on carousel sliders, carousels are one of the standard ways to create visual connections between related pieces of content.

We see this most often on client sites when they have 4–8 portfolio items or client logos they want visible above the fold—a carousel solves the layout problem cleanly.

Three routes exist, in order of complexity:

  1. Page builder widget — Elementor Pro includes an Image Carousel widget built in. Drag it onto your canvas, upload images, set autoplay timing, and publish. No separate plugin needed. This is the fastest path for most beginners.
  2. Dedicated carousel plugin — Plugins like Smart Slider 3 (free tier available on WordPress.org) give you more animation control and content type flexibility. In our testing, the free tier handles image carousels well; upgrading to Pro ($49/year as of 2026) unlocks video and post-feed slides.
  3. Theme built-in — Many business themes include a homepage slider section in the Customizer. No plugin required, but customization is limited.

Avoid “Carousel Ultimate” on WordPress.org—it was last updated in January 2018 and is not compatible with WordPress versions past 4.9.

One Gotcha Worth Knowing

Auto-advancing carousels can hurt your PageSpeed score. A carousel set to autoplay with short intervals (under 3 seconds) forces Cumulative Layout Shift (CLS) events that Google’s Core Web Vitals penalize. In our benchmark tests on shared hosting, disabling autoplay entirely improved CLS scores by an average of 0.08—enough to move from “Needs Improvement” to “Good.” If you use autoplay, set the interval to at least 5,000ms and add preload attributes to images.

Last verified: April 2026

  • Image slider — often used interchangeably with carousel; sliders typically refer to full-width hero images specifically
  • Hero section — the top-of-page area where carousels most commonly appear
  • CLS (Cumulative Layout Shift) — the Core Web Vitals metric most affected by poorly configured carousels
  • Page builder — the tool most beginners use to add carousels without writing code
  • WooCommerce product gallery — a carousel-style display built into product pages

Additional Reading

Back to Glossary