Introducing the New Carousel Layout for the Hero Web Part in SharePoint
The Hero web part in SharePoint has always been a powerful tool for creating visually engaging pages. With the latest update, Microsoft has introduced a new carousel layout, taking the Hero web part to the next level. This new feature allows you to display multiple highlighted messages in rotating slides, enhancing the visual appeal and functionality of your pages.
Key Features of the Carousel Layout
The carousel layout offers a dynamic and interactive way to present content. Here are some of the key features:
- Rotating Slides: The carousel layout allows you to display multiple items in a rotating format, making it easier to highlight various pieces of content without overwhelming the viewer.
- Enhanced Visual Appeal: With bold text, compelling images, and a call to action, the carousel layout ensures that your content stands out and captures the audience’s attention.
- Flexible Customization: You can customize the layout to fit your needs, including changing the images, text, and links for each slide. This flexibility allows you to tailor the Hero web part to match your site’s branding and messaging.
How to Use the Carousel Layout
Using the new carousel layout is straightforward. Here’s a quick guide to get you started:
- Add the Hero Web Part: If it’s not already on your page, add the Hero web part by selecting the “Add a web part” option and choosing “Hero.”
- Select the Carousel Layout: In the web part settings, choose the carousel layout option. You can select up to five slides to display.
- Customize Each Slide: Edit the details for each slide, including the image, text, and links. Make sure to use high-quality images and compelling text to maximize engagement.
- Publish Your Page: Once you’re satisfied with the layout and content, publish your page to make it live.
How to Customize Each Slide
The new carousel layout for the Hero web part offers several customization options to ensure your content is both visually appealing and accessible. Here are the available layouts and text options:

Style Options
- Image Overlay: This layout displays a white or dark overlay color on top of the image to make the text readable. You can set the opacity of the overlay. Text can be aligned to the left, center, or right.
- Text Block: The text of the slide is displayed inside a light block with transparency to ensure readability. Text can be aligned to the left, center, or right. The text block changes position depending on the alignment chosen.
- Diagonal Split: The slide is divided in half by a white solid trapezoid where the text is added. The header text has a thick white border to ensure readability if it overflows outside the white area. Text can be aligned to the left or right. The diagonal changes position depending on the alignment chosen.
Text Areas
There are four text areas available for each slide:
- Topic: Up to 40 characters, displayed above the header.
- Header: The main caption of each slide, up to 110 characters.
- Description: Regular text that provides more context about each slide, up to 500 characters.
- Call to Action: The text displayed in the button that redirects the user to the associated location, up to 40 characters.

All settings can be manually configured for each slide. However, if you choose a SharePoint page as the source of the slide, it will automatically use the page’s banner image as the background, the page title as the slide hero, and the page link in the call to action with the text “Learn More.”
Auto-Play
In the settings, there is an option to make the carousel auto-play or static (enabled by default), depending on your preference. When in auto-play mode, each slide stays in the page for 4 seconds and the user has the possibility to use the pause button to stop the animation to better read it.
Benefits of Auto-Play:
- Engagement: Auto-play can capture the viewer’s attention and keep them engaged as the slides transition automatically.
- Convenience: It allows users to passively view the content without needing to manually navigate through the slides.
- Highlight Multiple Messages: Auto-play is useful for highlighting multiple messages or announcements in a short period.
Benefits of Manual Navigation:
- Control: Users have full control over the pace at which they view the slides, allowing them to spend more time on content that interests them.
- Accessibility: Manual navigation can be more accessible for users who need more time to read and understand the content.
- User Preference: Some users may prefer to navigate through the slides at their own pace, especially if they are looking for specific information.
Accessibility
The carousel layout was built with accessibility in mind from day one. Each slide has the option to set text that will be used by screen readers. Alternatively, it can be marked as decorative only, in which case it will be ignored by screen readers.
By customizing each slide with these options, you can create a dynamic and engaging carousel that enhances the user experience on your SharePoint pages.
Benefits of the Carousel Layout
The new carousel layout offers several benefits for SharePoint users:
- Improved User Engagement: The rotating slides and dynamic content keep users engaged and encourage them to explore more of your site.
- Better Content Organization: By displaying multiple items in a single web part, you can organize your content more effectively and make it easier for users to find what they’re looking for.
- Enhanced Aesthetics: The visually appealing design of the carousel layout adds a professional touch to your SharePoint pages, making them more attractive to visitors.
In conclusion, the new carousel layout for the Hero web part is a significant advancement in the way content is presented on SharePoint pages. By offering a more dynamic and engaging format, it provides content creators with the tools they need to capture and retain their audience’s attention.

Transform Your SharePoint Pages With The New Editorial Card!
If you’re looking to enhance the appearance and functionality of your SharePoint page, I highly recommend checking out the new Editorial Card web part. It’s packed with customizable options that will help you create engaging and visually appealing content like never before. Don’t miss out on this opportunity to elevate your SharePoint experience!
No comments yet