Creating a Content widget

What's inside this article:

• About Content widgets
• Create a new widget
• Choose the widget layout
• Add the widget content
• Configure the widget settings
• Save the widget
• Create a special Content widget
• Further recommendations

About Content widgets

Create a new widget

The following options are available:

• Create an independent widget
• Create a library widget

Create an independent widget

To create an independent Content widget that is included on one website item:

1. Go to Sections in the top menu and select the relevant type of website item.

   

2. Select the name of the specific website item where you want to add the widget. Alternatively, hit + Add new to create a new website item.

   

3. Under Widgets in the left panel, drag and drop the Content box to the position on the page where you want to add the Content widget.

   

The widget creation wizard opens in the same tab.

Create a library widget

The Widget library lets you create a single Content widget that can be included on multiple website items. For detailed information, see the following article:

• Using the Widget library

Choose the widget layout

In the Layout section, you need to select which layout you want to use and configure the visual appearance of the widget. A graphic is included for each layout to show how it is rendered on devices with different screen sizes (mobile, tablet, and desktop).

Select the box for the layout you want to use. The following elements are configurable (all settings are not available for every layout):

• Display Category/Date/Label
• Display introduction
• Display Loop video
• Mobile app Top Story

Display Category/Date/Label

A Content widget displays the Title for each promoted item. Optionally use the Display Category/Date/Label drop-down menu to select additional 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.
• 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).

Display introduction

Tick the box next to Display introduction if you want to include an Introduction for each promoted item.

The Introduction is generated as follows (if 1 is not filled, the text is taken from 2, then 3, and so on):

1. The item's Widget teaser settings.
2. The item's Website teaser settings.
3. The item's General settings.
4. If none of the above fields are filled, an Introduction is not displayed.

Display Loop video

Tick the box next to Display Loop video to enable the option to display a Loop video instead of an image for each promoted item.

This applies if a Loop video is included in either the Widget teaser or Website teaser settings for an item.

Mobile app Top story

Tick the box next to Mobile app Top story if you want to display the Content 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:

• Managing Pangea mobile apps

If you are creating a new widget, hit Next to proceed to the next stage of setup.

Add the widget content

In the Content section, you first need to select a mode for the widget. The mode controls how content is added to the widget.

The following options are available:

• Auto: The widget promotes the most recently published items that meet your defined criteria. For example, configure the widget to display the latest Videos from a particular Category. The promoted items will change automatically as new content is published.
• Manual: You need to manually select which items are promoted on the widget. The promoted items will not change unless the widget is manually updated.
• Semi-auto: The widget includes a combination of Manual items (following the rules for Manual mode) and Auto items (following the rules for Auto mode).

For information about using your chosen mode, see the relevant article below:

• Using Auto mode
• Using Manual mode
• Using Semi-auto mode

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:

• Configuring widget settings

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.

If the widget was created as an independent widget, it is visible on the Editor screen. To manage the widget, select ≡ (three lines) on the widget box and choose your preferred option:

• Edit: Edit the widget.
• Disable widget: Set the widget status to Disabled.
• Enable widget: Set the widget status to Enabled.
• Add to library: Add the widget to the Widget library.
• Delete widget: Delete the widget from Pangea CMS and remove it from the public website.

Create a special Content widget

Pangea CMS offers the following special Content widget layouts:

• Feature: A visually distinct layout with a gray background and slightly larger images (intended for promoting high-interest stories).
• Media Slider: A slider reel with a dark background (intended for promoting multimedia content).

For detailed information, see the following article:

• Creating a special Content widget

Further recommendations

The following articles might be helpful:

• Using Auto mode
• Using Manual mode
• Using Semi-auto mode
• Configuring widget settings
• Creating a special Content widget
• Using the Widget library
• Managing Pangea mobile apps

You can review a selection of widget designs and layouts on the example Section pages below:

• Content widgets: Section page A
• Content widgets: Section page B
• Content widgets: Section page C