Teaser widget

The Teaser widget allows you to highlight topics and content effectively, with a link to a specified source.

Set up the widget

The following options are available when configuring the widget:

  • Add new teaser / Edit
    • Image: Select an image that is shown for the newly created or edited teaser tile.
    • Alternative text: Add text that gets read by screen readers to make your platform more accessible.
    • Headline: Enter a title that reflects the tile's topic best.
    • Subline: Enter a subline that adds additional information to the tile's topic.
    • Link: Insert a link to submit a source that the tile leads to.
    • Open in a new browser tab: Select if the linked source opens in a new or the same browser tab. Typically, sources from within the platform open in the same window while external content opens in a new tab.
  • Display as: Choose the optical appearance of the widget: Carousel, Cards, or Slider. You can see an example of each type in the screenshots below.
    • In the mobile app, the teaser widget will always display in Carousel view.
  • Teaser size: Select the widget's shape and size: Wide (3:1), Square (1:1), or Custom. If you intend to use GIFs in the teaser, you need to select Custom for it to work.
  • Image height (only for Teaser size: Custom): If you have selected Custom as teaser size, you have the opportunity to adapt the height.
  • Text alignment (only for Display as: Carousel): If you have selected Carousel as an optical appearance, you now define the position at which the headline and subline will be displayed.
    • In the mobile app, the text will always be aligned to the bottom left.
  • Duration (only for Display as: Carousel): If you have selected Carousel as an optical appearance, you also have the option to define the duration of each tile that gets displayed.

Teaser carousel.png

Example: Carousel

Teaser cards.png

Example: Cards

Teaser slider.png

Example: Slider

Was this article helpful?

1 out of 3 found this helpful