What's inside this article:
- Basic information
- Create a library widget
- Display a library widget
- Check where a library widget is used
- Edit a library widget
- Delete a library widget
- Remove a widget from the Widget library
- Add a widget to the Widget library
Basic information
A library widget might be used in multiple places on the public site. This functionality works basically as follows:
- After you create a library widget, the widget is saved in the Widget library. The widget can then be used in an unlimited number of places on the public site.
- The same content is promoted on every widget instance. Whenever the content is edited, the changes are applied for all widget instances.
- The layout, title, and footer can be managed separately for each widget instance. For example, two instances of the same library widget might have different layouts. For more details, go to Edit a library widget.
The following widget types can be created as library widgets:
Content | FactCheck | HTML | Live stream | Manual stream | Multimedia | Podcast | Poll | Subscription | Trends
Create a library widget
To create a new library widget:
- Go to Build > Widget library in the primary navigation.
- Select + Add new.
- Select the type of widget you want to create.
The widget edit screen opens in the same tab. For detailed information 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
After you save the widget, it is saved in the Widget library, but it is not displayed anywhere on the public site. To learn how to use a library widget on the public site, go to the following section:
Use a library widget
You might use a library widget on the following pages and segments:
- Section pages (including your homepage)
- Infopages
- Landings
- Regions
- You Might Also Like (YMAL)
To use a library widget on a page / segment:
- Go to Build in the primary navigation.
- Choose the type of page / segment where you want to use the widget.
- Select the specific page / segment where you want to use the widget.
- Ensure Editor is selected in the left panel.
- Select the empty area where you want to display the widget.
- Select Library widget.
- Select the specific library widget you want to use.
The library widget is now added to the page / segment. On builders in Pangea CMS, all library widgets are marked with the Widget library badge.
Check where a library widget is used
One library widget might be used in multiple places on the public site. Two methods are available to check where an individual library widget is used:
Check via an existing widget instance
To check where a library widget is used from an existing widget instance:
- Go to Build in the primary navigation.
- Choose a type of page / segment where the widget is already used.
- Select a specific page / segment where the widget already used.
- Ensure Editor is selected in the left panel.
- Select the relevant library widget.
- Go to the Settings tab.
- Check where the widget is used under Widget usage.
Check via Widget library
To check where a library widget is used from the Widget library:
- Go to Build > Widget library in the primary navigation.
- Check where the widget is used under Used on.
If the widget is used in multiple places, hit the + more link to open the full list.
Edit a library widget
When you edit a library widget, the following rules apply:
- Edits made via the Content tab are applied for all widget instances.
- Edits made via the Layout and Settings tabs apply only for the current widget instance.
These rules apply regardless of how you start editing the widget. You might start editing a library widget as follows:
Edit via an existing widget instance
To edit a library widget from an existing widget instance:
- Go to Build in the primary navigation.
- Choose a type of page / segment where the widget is already used.
- Select a specific page / segment where the widget is already used.
- Ensure Editor is selected in the left panel.
- Select the library widget you want to edit.
The widget edit screen opens in the same tab. For detailed information 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
Edit via Widget library
To edit a library widget from the Widget library:
- Go to Build > Widget library in the primary navigation.
- Select the widget you want to edit.
Content | FactCheck | HTML | Live stream | Manual stream | Multimedia | Podcast | Poll | Subscription | Trends
Delete a library widget
When you delete a library widget:
- The widget and all settings are permanently deleted.
- All instances of the widget are deleted from the public site. A blank space is left on pages where the widget was previously displayed.
To delete a library widget:
- Go to Build > Widget library in the primary navigation.
- Hover over the widget and hit the Remove button.
The widget is permanently deleted.
Remove a widget from the Widget library
When you remove a widget from the Widget library:
- All instances of the widget remain visible on the public site.
- All instances of the widget become independent widgets.
To remove a widget from the Widget library:
- Go to Build > Widget library in the primary navigation.
- Hover over the widget and hit the Remove from library button.
The widget is now removed from the Widget library.
Add a widget to the Widget library
You can add an independent widget to the Widget library. Follow these steps:
- Go to Build in the primary navigation.
- Choose the type of page / segment where the widget is used.
- Select the specific page / segment where the widget is used.
- Ensure Editor is selected in the left panel.
- On the widget box, hit ... > Add to library.
- Under Widget title, enter a title to identity the widget in Pangea CMS. The title will not be displayed on the public site. Hit Add confirm the change.
The widget is now a library widget and is included in the Widget library.
