With the hero teaser, you can effortlessly showcase essential topics at the top of a homepage. You need to have the "Manage hero teasers" permission to create and manage hero teasers.
Looking for ideas on how to use the hero teaser? View our tips in Adding global topics with a hero teaser.
Create a hero teaser
- Select Manage hero teaser from your user profile drop-down
- Select Create new hero teaser
- Enter a name for your hero teaser
- Add a primary teaser. The primary teaser is fixed at the start of your hero teaser and cannot be moved or removed.
- Upload an image (mandatory). The primary teaser image should be in a ratio of 2:1, e.g., 1200 × 599px.
- Enter alternative text (optional). The alt-text is read by screen readers, making the content of the image accessible to people with visual or cognitive impairments.
- Enter a headline (optional). This is displayed on top of the teaser image. If your teaser image is light, a darker background is added so the text will display.
- Enter a subline (optional). This is displayed on top of the teaser image, below the headline.
- Enter a URL that the user is directed to when clicking on the teaser (optional). You can also decide whether the URL should open in a new tab.
- Add secondary teasers. A new empty secondary teaser appears after you've uploaded an image in the previous one. A secondary teaser image should be in a ratio of 4:5, e.g., 480 × 599px.
- If you have several secondary teasers, you can move them within the hero teaser by the icons or delete them by the icon.
- Select Save to create your hero teaser
Your hero teaser is created and can now be added to a homepage. Learn more in Adding a hero teaser to a homepage.
The content in a hero teaser is fixed and doesn't adapt to a user's language preferences. However, if you link to an element inside Haiilo, e.g., a page or community, these will respect a user's language preferences