What's inside this article:
- About Content widgets
- Start editing a widget
- Choose the widget layout
- Set the widget content
- Configure the widget settings
- Preview the widget
- Set the status and save the widget
About Content widgets
What is a Content widget?
The Content widget is a highly versatile widget that can promote a mixture of content page types and offers 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:
A Content widget can also be embedded on external sites and content pages. More information here:
Can I preview a Content widget before publishing it?
Yes. When you create a new Content 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 Content widget in multiple places?
Yes. The Widget library lets you create a single Content widget that can be included on multiple website items. More information here:
Start editing a widget
This article assumes that the edit screen for the Content widget (shown below) is already open. For basic information about creating a new widget, see the following article:
Choose the widget layout
In the Layout section, 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 might be configurable (all elements are not available for every layout):
Display Category/Date/Label
A Content widget always displays the Title for each promoted item. Optionally use the Display Category/Date/Label drop-down menu to select an additional piece of information that is displayed above the Title for each item.
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 or Widget teaser settings for each 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).
Display introduction
Tick the box next to Display introduction to enable the option to display an introduction for any 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.
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 any promoted item.
You can add a Loop video in the teaser settings for any item while you edit the widget. A Loop video will also be displayed on the widget if it is included in the item's Website teaser settings.
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:
After configuring the widget layout, hit Next to select the widget mode.
Set the widget content
In the Content section, set which items will be promoted on the widget. First, you need to select a mode. The mode controls how the items are chosen.
The following modes are available for a Content widget:
- Auto: The widget will promote the most recently published items that meet your defined criteria (for example, the latest 5 latest Videos from a particular Category). The items will be replaced automatically as new content is published that meets your defined criteria.
- Manual: The widget will promote any items that you manually select (you can also create a custom placeholder). Items will not be added or removed unless the widget is manually updated.
- Semi-auto: The widget will promote a combination of Manual items (according to the rules for Manual mode) and Auto items (according to the rules for Auto mode).
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, check how the widget will look when it is published. 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 site 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.
