Skip to main content

How do I create a slider on my website header?

How to create and customize an image slider in your UENI website header.

A header slider shows several images at the top of your website, each with its own text and buttons. It's an eye-catching way to make a great first impression and point visitors where you want them to go.

Warning: The header slider is available on the Launch, Plus and Growth plans.

Note: Want a slideshow elsewhere on a page? Use the Slideshow section instead.

Step 1: Turn on the slideshow

Log in to your UENI Hub and click Edit Website. Go to Pages > Home > Header > Cover and select Slideshow.

Selecting Slideshow in the Header Cover settings

Step 2: Add your slides

Click Add new Slide and choose an image for each slide.

Adding new slides to the header slider

For each slide, you can:

  • Add a title and subtitle, and set their alignment, font size and colour.

  • Add an action button that invites visitors to send a message, call or text you, or visit a page such as your Products.

Slide text alignment, font size and colour settings
Adding an action button to a slide

Step 3: Set your slideshow options

Back in the Cover section, choose how your slideshow behaves:

  • Default/Per Slide: use the same title, subtitle and buttons on every slide, or set them for each one.

  • Auto Slide: move between slides automatically.

  • Delay: set the time between transitions.

  • Auto Slide Pause on Hover: pause when visitors hover over it.

  • Transition Effects: choose how slides change.

  • Slide Duration: set how long each slide stays visible.

Slideshow transition options in the Cover section

You can also customize the arrows and pagination colour.

Arrow and pagination colour settings for the slider

Step 4: Save your changes

Click Save.

Final thoughts

Done, your header now greets visitors with an eye-catching slider!

Did this answer your question?