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
What is a Content widget?
Content widgets are highly versatile widgets that can promote a mixture of content pages and offer a wide variety of layout options.
Review some examples of Content widget layouts on the Section pages below:
How do the modes work for a Content widget?
Find detailed information about Content widget modes in the articles below:
Where can I display a Content widget?
Content widgets can be included on any of the following website items:
- Sections
- Infopages
- Landings
- Regions
- You Might Also Like 2.0
A Content widget can also be embedded on external sites and content pages. For information, see the following article:
Can I display the same Content widget in multiple places?
Yes. 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:
Create a new widget
The following options are available:
Create an independent widget
To create an independent Content widget that is included on one website item:
- Go to Sections in the top menu and select the relevant type of website item.
- 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.
- 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:
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
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):
- The item's Widget teaser settings.
- The item's Website teaser settings.
- The item's General settings.
- 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:
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:
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:
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:
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: