Build a Multimedia widget

What's inside this article:


Basic information

The Multimedia widget lets you share on-demand multimedia content. A single Multimedia widget can share one content item at a time. The following content types might be shared on a Multimedia widget:

The player is available directly on the widget, so visitors can immediately start watching or listening without opening a new page. The minimized player stays available at the bottom of the page, so visitors can keep watching or listening as they navigate your site and open new pages.

This article explains how to build a new Multimedia widget from Pangea CMS.



Build a new widget

The following pages and segments might include a Multimedia widget:

  • Section pages (including your homepage)
  • Infopages
  • Landings
  • Regions
  • You Might Also Like (YMAL)

To build a new Multimedia widget:

  1. Go to Build in the primary navigation.
  2. Choose the type of page / segment where you want to display the widget.
  3. Select the specific page / segment where you want to display the widget.
  4. Ensure Editor is selected in the left panel.
  5. Select the empty area where you want to display the widget.
  6. Select New widget > Multimedia to start building a new Multimedia widget.

The widget builder opens in the same tab. The remaining sections in this article will walk you through each stage of the process.

NOTE: You can also build a new Multimedia widget from the Widget library.



Choose the layout

One layout is available for the Multimedia widget. In the Layout section, a graphic is provided that shows how the widget is rendered on devices with different screen sizes (mobile, tablet, and desktop).

The following layout settings are available:


Display Category/Date/Label

By default, the widget displays a title for the promoted content item. Optionally display one additional element:

  • Category: The name of the Primary Category for the item. The Category name functions as a link to the Category page.
  • Label: A custom label. Labels are commonly topics (such as "Politics" or "Sport") that help categorize the content on your site. You can add a label in the Website teaser settings for the item.
  • Exact time: The exact publication time (such as "12:30"). The format varies, according to your site configuration.
  • Relative time: The relative publication time (such as "20 minutes ago"). After some time, the relative time stamp changes to an exact time stamp. The precise behavior varies, according to your site configuration.


Display introduction

Tick to display an introduction for the promoted content item.

The introduction is taken as follows (if 1 is not filled, the data is taken from 2):

  1. The Introduction field in the Website teaser settings for the item.
  2. The Introduction field in the General settings for the item.

If none of the above fields are filled, an introduction is not displayed with the item.


Mobile app Top story

Tick to display the Multimedia widget as the top story on the old version of the mobile app homepage. Mobile app users who have not yet updated to the latest app version still see the old version of the homepage.

IMPORTANT: The Mobile app Top story setting does not impact the latest version of the mobile app homepage.

To learn how to manage the latest version of the mobile app homepage, see the alternative article below:



Add content

In the Content section, choose which content is promoted on the widget.

First, select your preferred mode. The mode controls how the widget content is added and updated. The following options are available for a Multimedia widget:

  • Auto: The widget promotes the latest item that meets the defined criteria in the widget builder. For example, a widget might be set up to always promote the most recent Video from a particular Category. When a new item is published that meets the defined criteria, the widget updates automatically.
  • Manual: The widget promotes the item that is manually selected in the widget builder. The item on the widget is not replaced unless the widget is updated manually.

For more information about your preferred mode, see the relevant article below:



Add a header / footer

A Multimedia widget might include one or both of the following elements:

  • (A): Header: Displayed above the widget. The header might be text-only, or it might function as a link to another page. If preferred, you can use an image as the header.
  • (B): Footer: Displayed below the widget. The footer always functions as a link to another page.

In the Settings section, optionally add a header and / or a footer.

The steps for adding the header / footer are the same for every widget. For detailed information, see the following article:



Add a custom widget name

Via Settings > Widget name, optionally customize the default widget name.

The Widget name is visible only in Pangea CMS (not on the public site). We suggest providing a descriptive name if your site uses the Widget list tool in CMS to manage widgets.



Preview the widget

In the Preview section, check how the Multimedia widget will look when it is published on the public site. Select Desktop, Tablet, or Mobile to preview the widget on devices with different screen sizes.



Set the status and save the widget

Before saving the Multimedia widget, select your preferred status using the drop-down menu in the top-right corner:

  • Enabled: After you save the widget, it will be immediately visible on the public site (if it is included on a published page).
  • Disabled: After you save the widget, it will not be visible on the public site. However, it will be available for further editing in CMS.

Select Save or Save & close to save the widget.