Hero slider

Sliders are popular in template kits and unpopular with visitors: most people never see slide two. Use one only when you have a reason.

Sketch of a hero slider with arrows and slide dots

When a slider makes sense

  • A gallery that people want to browse (venues, properties, products).
  • Several equally important audiences, each needing its own entry point. Even then, a static hero with three cards below is often clearer.

Building one

Elementor Pro's Slides widget creates full-width slides with background, heading, text and button for each. Newer versions also offer nested carousels where each slide is a container you design freely. With the free version, the Image Carousel widget handles image-only sliders.

Settings that matter

  • Autoplay off, or at least 6–8 seconds per slide with pause on hover. Moving content must be pausable for accessibility.
  • Visible arrows and dots so people know there's more.
  • Same height for all slides so the page doesn't jump.
  • Only the first slide loads eagerly; the rest can lazy-load.

One headline, not five

Each slide's heading is often an H1 or H2. Make sure the page has exactly one H1, and that it's in the first slide.