Optimize image sliders on your homepage

Contributors

@andreea-macoveiciuc-content-expert


Business Benefits

Use image sliders to prevent banner blindness and improve navigation.


Use manual image sliders over automatic sliders.

Display arrows or dots under the sliders to let users know that they have to click to see the result of the images.

Set delays of 5–7 seconds or more if you use automatic sliders.

Use relevant images like product photos and offers instead of links or value propositions.

Place vital elements like links, navigation, and value propositions elsewhere on your site in case they disappear as users try to access them.

Avoid flashy slider images that look like ads and large blocks of text or graphics.

Focus on a single primary message and action in your slider images.

Set up image sliders to have large navigation icons on either side of the image and to freeze with any interaction, including hovering, to keep users in control of navigation.

These features are built into most WordPress themes or slider plugins, like Slider by Soliloquy. Alternatively, ask your web developer to configure slider navigation.

Use responsive sliders and images.

Test your images before putting them live to make sure that the copy is fully visible regardless of the screen size and device used.

Display personalized categories or products based on user behavior.

Use a tool like DataCue if you have a Shopify store, or ask your developer to implement this functionality.