What's inside this article:
- About Multimedia widgets
- Multimedia widget layouts
- Start editing a widget
- Configure the widget layout
- Set the widget content
- Configure the widget settings
- Preview the widget
- Set the status and save the widget
- Further recommendations
About Multimedia widgets
What is a Multimedia widget?
Multimedia widgets are used to promote the following multimedia content items:
- Audio clips
- Audio features (created via Scheduler & template week)
- Broadcast programs (created via Scheduler & template week)
- Videos
Each Multimedia widget promotes one content item at a time. The main advantage of using a Multimedia widget over a Content widget is that on a Multimedia widget, the player is available directly on the widget.
Where can I display a Multimedia widget?
Multimedia widgets can be included on any of the following website items:
- Sections
- Infopages
- Landings
- Regions
- You Might Also Like 2.0
A Multimedia widget can also be embedded on external sites and content pages. For information, see the following article:
Can I preview a Multimedia widget before publishing it?
Yes. When you create a new Multimedia widget, the Preview screen appears after you set the Layout, Content, and Settings. Via the Preview screen, you can check how the widget will look on desktop, tablet, and mobile. More information here:
Can I display the same Multimedia widget in multiple places?
Yes. The Widget library lets you create a single Multimedia widget that can be included on multiple website items. For detailed information, see the following article:
About Multimedia widget layouts
The Multimedia widget offers two possible layouts, depending on the promoted item type:
Video layout
The Video layout includes the video player and playback options. The following elements are also visible:
- (A): Video title
- (B): Link to embed code and sharing options
- (C): Video thumbnail (the horizontal Website teaser image is applied if available)
- (D): Video title (the Website teaser title is applied if available)
You can also display an introduction or label on the widget. More information here:
Audio layout
The Audio layout includes the audio player and playback options. The following elements are also visible:
- (A): Audio main image (the horizontal Website teaser image is applied if available)
- (B): Audio title
- (C): Link to embed code and sharing options
- (D): Audio title (the Website teaser title is applied if available)
You can also display an introduction or label on the widget. More information here:
The Audio layout might not always include an image. This depends on the widget size and the device used to open the page. For example, an image is never included on mobile. On desktop, an image is included if the widget occupies more than half the page width.
On the Editor screen for a website item, use the options under Breakpoint preview to check how the page will look on different devices.
Start editing a widget
This article assumes that the edit screen for the Multimedia widget (shown below) is already open. For basic information about creating a new widget, see the following article:
Configure the widget layout
In the Layout section, you can configure the visual appearance of the widget. A graphic is included that shows how a Multimedia widget is rendered on devices with different screen sizes (mobile, tablet, and desktop).
The following elements are configurable:
Display Category/Date/Label
Every Multimedia widget displays the Title for the content item. Optionally use the Display Category/Date/Label drop-down menu to select an additional piece of information that is displayed above the Title.
The following options are available:
- None (selected by default): Display the Title only.
- Category: Display the Title and Primary category.
- Label: Display the Title and Label (the Label needs to be set in the Website teaser settings for the item).
- Exact time: Display the Title and time of publication.
- Relative time: Display the Title and how long ago the item was published (for example, 4 hours ago).
See some examples of the different configurations below:
Display introduction
Tick the box next to Display introduction to enable the option to display an introduction for the promoted item.
You can add an introduction in the teaser settings for any item while you edit the widget. Otherwise, the introduction is taken from the fields below in order:
- The Introduction field in the item's Website teaser settings.
- The Introduction field in the item's General settings.
If neither of the above fields are filled, an introduction is not displayed with the item.
See an example of a Multimedia widget that includes an introduction below:
Mobile app Top story
Tick the box next to Mobile app Top story if you want to display the Multimedia widget as the top story on the mobile app homepage.
For detailed information about managing the content in Pangea mobile apps, see the following article:
After configuring the widget layout, hit Next to set the widget content.
Set the widget content
In the Content section, set which item will be promoted on the widget. First, you need to select a mode. The mode controls how the item is chosen.
The following modes are available for a Multimedia widget:
- Auto: The widget will promote the most recently published item that meets your defined criteria (for example, the latest Video from a particular Category). The item will be replaced automatically when a new item is published that meets your defined criteria.
- Manual: The widget will promote any multimedia item from your site that you manually select. The item will not be replaced unless the widget is manually updated.
For information about using your chosen mode, see the relevant article below:
After setting the widget content, hit Next to configure the widget settings
Configure the widget settings
In the Settings section, you can adjust the following settings:
- Add a Header that is displayed above the widget.
- Adjust the default Widget name that is used to identify the widget in Pangea CMS.
- Add a Footer link that is displayed below the widget.
For detailed information about the widget settings, see the following article:
After configuring the widget settings, hit Next to preview the widget.
Preview the widget
In the Preview section, you can check how the widget will look when it is published on the site. Select Desktop, Tablet, or Mobile in the left panel to preview the page on different devices.
If you need to adjust the widget layout, content, or settings, select an option in the left panel to return to the relevant screen.
When you are satisfied, set the status and save the widget.
Set the status and save the widget
Before saving the widget, choose your preferred option in the Status drop-down menu:
- Enabled: The widget is visible on the public website when it is used on a website item with the Public status.
- Disabled: The widget is not visible on the public website but is available for editing in Pangea CMS.
Hit Save or Save & close to confirm and apply your preferences.
Further recommendations
The following articles might be helpful: