What's inside this article:
- Basic information
- Get started
- Edit a widget
- Create a new widget
- Add a library widget
- Replace a widget
- Move a widget
- Delete a widget
- Hide a widget
- Add a layout block
- Supported widget types
Basic information
Widgets are interactive visual elements that showcase your content for website visitors. Pangea CMS offers various widget types that serve different purposes. For an overview of the different widget types, see the following article:
In Pangea CMS, web editors can use widgets to build the following segments:
- Sections (including your homepage)
- Infopages
- Landings
- Regions
- You Might Also Like (YMAL)
To learn about he purpose of these segements, see the articles below:
This article explains how to manage widgets from Pangea CMS.
Get started
To get started, open the widget editor for the relevant segment. Follow these steps:
- Go to Build in the primary navigation. Select the type of segment you want to update (Sections, Infopages, Regions, Landings, or YMAL).
- Select the name of the specific segment you want to update.
- Select Editor.
The remaining chapters in this article explain the available options for managing widgets:
- Edit a widget
- Create a new widget
- Add a library widget
- Replace a widget
- Move a widget
- Delete a widget
- Hide a widget
Edit a widget
To edit an existing widget, click the widget area. Alternatively, hit the Edit button in the panel above the widet area. The widget edit page opens in the same tab.
To learn about the widget settings, see the relevant article below (according to the type of widget):
Content | FactCheck | HTML | Live stream | Manual stream | Multimedia | Podcast | Poll | Subscription | Trends
Create a new widget
NOTE: If you need an empty area for a new widget, first add a layout block.
To create a new widget in an empty area:
- Select the empty area where you want to add the widget.
- Ensure New widget is selected.
- Select the type of widget you want to create. Only the supported widget types for the area can be selected.
The widget edit page opens in the same tab. To learn about the widget settings, see the relevant article below (according to the type of widget):
Content | FactCheck | HTML | Live stream | Manual stream | Multimedia | Podcast | Poll | Subscription | Trends
Add a library widget
NOTE: If you need an empty area for a new widget, first add a layout block.
The Widget library is a collection of ready-to-use widgets (called 'library widgets'). One library widget might be used in multiple places across your website.
To add a library widget in an empty area:
- Select the empty area where you want to add the widget.
- Select Library widget.
- Search for and select the widget you want to use.
The widget is added in the selected area. On the Editor subpage, library widgets are marked with the Widget library badge.
To learn more about library widgets, see the following article:
Replace a widget
You can replace one widget with another widget. The old widget is removed and the new widget is added in its place.
To replace a widget, hit the Replace button in the panel above the widget area (or select ... > Replace). You can then create a new widget or add a library widget.
The following rules apply:
- When you replace an independent widget, the independent widget is permanently deleted from Pangea CMS (including all settings). An independent widget is any widget that is not a library widget.
- When you replace a library widget, the library widget is only removed from the current segment. The widget remains available in the Widget library and other instances of the widget are not impacted.
Library widgets are marked with the Widget library badge.
To learn more about library widgets, see the following article:
Move a widget
You can move a widget from one area to another. If the target area already contains another widget, the two widgets will switch places. To move a widget:
- Select the Move button in the box for the widget you want to move.
- Select the target area where you want to move the widget. The supported areas for the widget are highlighted in green.
The widget is now moved to the selected area.
You can also move a widget using the area ID drop-down menu in the widget box. In the drop-down menu, select the ID for the target area where you want to move the widget.
Delete a widget
To delete a widget, select ... > Delete / Remove.
The following rules apply:
- When you delete an independent widget, the independent widget is permanently deleted from Pangea CMS (including all settings). An independent widget is any widget that is not a library widget.
- When you remove a library widget, the library widget is only removed from the current segment. The widget remains available in the Widget library and other instances of the widget are not impacted.
Library widgets are marked with the Widget library badge.
To learn more about library widgets, see the following article:
Hide a widget
You can hide (or disable) a widget, so that it is not visible on the public site. To hide a widget, hit the Disable button in the panel above the widget area. To display the widget again, hit the Enable button.
Add a layout block
If you need an empty area for a new widget, add a layout block. Each layout block runs horizontally across the page width and includes one or more areas (or containers) for inserting widgets. For example, the screenshot below shows one block that includes four areas. This block should be used to display four widgets.
To manage layout blocks, select Layout in the left panel. You can add, move, and delete layout blocks. For details, see the following article:
Supported widget types
Some areas do not support all widget types. The following limitations apply:
- Podcast widget: Can only be added in a one-column area. You will not be able to add this widget in other areas.
The two special layout blocks (shown below) can only contain a Content widget:
- (A): Feature: A gray layout block that enables the special 'Feature' layout for a Content widget.
- (B): Media slider: A black layout block that enables the special 'Media slider' layout for a Content widget.
For detailed information about the special Content widget layouts, see the following articles: