Accessibility links

Breaking News
Build pages

Build a Content widget

update

What's inside this article:


Basic information

This article explains how to create a new Content widget.

What is a Content widget?

Content widgets promote content pages. The Content widget is the most commonly used Widgets are interactive content blocks, used to build Section pages and other components on Pangea websites. Pangea offers several widget types, each serving a different purpose. Learn more. on Pangea websites. This is a highly flexible widget type that offers a wide range of layout options.

A Content widget can display one or more teasers that link to content pages. On a Content widget, teasers commonly display a headline with an image. However, this can vary, depending on the selected layout.

A Content widget can promote any type of content page. This means any of the following content types:

Text content:
  • Article | Blog | FactCheck | Feature | Feature story | Live blog | News | Transcript
Multimedia content:
  • Audio clip | Audio feature | Broadcast program | Document | Photo gallery | Slider gallery | Video
Interactive content:
  • Dynamic infographics | Poll | Quiz | Static infographics

Two options are available for how to set the content on a Content widget:

  • Auto: Configure the widget to automatically promote the latest content that matches a defined set of requirements.
  • Manual: Manually select which content to promote.

For detailed information about how to set the widget content, browse the following sections in this article:



Get started

This article assumes that the Content widget edit page (shown below) is already open.

Find more details below:

On Pangea websites, the following pages and components can display Content widgets:

  • Sections (such as your homepage)
  • Infopages
  • Regions
  • Landings
  • You Might Also Like

Start creating a Content widget from the edit page for the individual page or component. For detailed information, see the relevant article below, depending where you want to display the widget:

You might also create a new Content widget from the Widget library. For detailed information, see the following article:

The Content widget edit page is divided into the following subpages:

  1. Layout
  2. Content
  3. Settings
  4. Preview

For new widgets:

You need to move through the subpages in order. Use the Next and Previous buttons to move between subpages. You will not be able to save the new widget until you reach the Preview subpage.

For existing widgets:

You can navigate directly to any subpage using the options in the left panel.

When you work on the Content widget edit page, your changes are not saved or applied on the public site until after you hit the main Save or Save & close button in the bottom-right corner. This applies for both new and existing widgets.

When you work on the Content widget edit page, your changes are not saved or applied on the public site until after you hit the main Save or Save & close button in the bottom-right corner. This applies for both new and existing widgets.

For more information, go to the following section in this article:

The remaining sections in this article describe each stage of the creation process:



Select a layout

On the Layout subpage, you can select a layout and manage the layout settings.

The following main actions are available on the Layout subpage:


Browse available layouts

To help you select the layout that best suits your needs, a graphic preview is provided for every layout. You can see:

  • (A): How the layout renders on mobile as well as on differently sized display areas (1, 2, 3, and 4 columns).
  • (B): The additional elements that are supported for this layout.

Find information about each layout below:

Layout overview

On the Big image + Thumbnails layout, the first item is visually prominent. The first item displays a big image and can also show an introduction and / or Loop video. All remaining items show a small thumbnail image.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Horizontal imageAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices
IntroductionFirst item onlyDesktop + tablet
Loop videoFirst item onlyAll devices

Layout overview

On the Big images layout, all items are equally prominent. This means that all items are the same size and show the same elements.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Horizontal imageAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices
IntroductionAll itemsDesktop + tablet
Loop videoAll itemsAll devices

Layout overview

On the List layout, all items are equally prominent. This means that all items are the same size and show the same elements.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices

Layout overview

On the List (Bigger font) layout, all items are equally prominent. This means that all items are the same size and show the same elements.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices

Layout overview

On the Medium images layout, all items are equally prominent. This means that all items are the same size and show the same elements.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Horizontal imageAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices
IntroductionAll itemsDesktop + tablet

Layout overview

On the Thumbnail + List layout, the first 2 items are visually prominent. The first 2 items display small thumbnail images. All remaining items show just a headline.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Horizontal imageFirst 2 itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices

Layout overview

On the Thumbnails layout, all items are equally prominent. This means that all items are the same size and show the same elements.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Horizontal imageAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices

Layout overview

On the Top story layout, only one item can be displayed. This layout cannot promote multiple items.

Required elements

Elements that are always displayed:

ElementVisible on (devices)
HeadlineAll devices
Horizontal imageAll devices

Optional elements

Optional elements you can add:

ElementVisible on (devices)
Category/Date/LabelAll devices
IntroductionDesktop + tablet
Loop videoAll devices

Layout overview

On the Top story package layout, the first item has priority. The first item displays a big image and can also show an introduction and / or Loop video. All remaining items show just a headline with no image.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Horizontal imageFirst item onlyAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices
IntroductionFirst item onlyDesktop + tablet
Loop videoFirst item onlyAll devices

Layout overview

On the Top story package with vertical carousel on mobile layout:

  • Mobile view: All items are equally prominent. This means that all items are the same size and show the same elements.
  • Desktop / tablet view: The first item is visually prominent. The first item displays a big image and can also show an introduction. All remaining items show just a headline with no image.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Vertical imageAll itemsMobile
Horizontal imageFirst item onlyDesktop + tablet

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices
IntroductionFirst item onlyDesktop + tablet

Layout overview

On the Vertical image layout, all items are equally prominent. This means that all items are the same size and show the same elements.

Required elements

Elements that are always displayed:

ElementVisible for (items)Visible on (devices)
HeadlineAll itemsAll devices
Vertical imageAll itemsAll devices

Optional elements

Optional elements you can add:

ElementVisible for (items)Visible on (devices)
Category/Date/LabelAll itemsAll devices
IntroductionAll itemsDesktop + tablet
SPECIAL LAYOUTS

Special layouts are only available on special layout blocks. For detailed information about how to use the special Media slider and Feature layouts, see the following articles:



Manage layout settings

To select a layout, click it. This action reveals the layout settings.

Depending on the selected layout, some or all of the following settings might be available:

  • Display Category/Date/Label: If selected, an additional element is shown above the headline for every item.
  • Display introduction: If ticked, the widget can show introductions.
  • Display Loop video: If ticked, the widget can show A Loop video is a short video that plays on repeat with no sound. You can create Loop videos from Pangea CMS. Just upload a regular video file, and Pangea will convert it to a Loop video. Learn more..
  • Mobile app Top story: If ticked, the widget is used as the top story on the old version of the mobile app homepage.

NOTE: All settings are not available for all layouts.

Find more details below:

You can display an additional element above the headline for each item.

Choose your preferred option:

  • None
  • Category
  • Label
  • Exact time
  • Relative time

None

Display only the headline without an additional element.

Category

Display the name of the The Primary Category is the main Category for a content page. A page can have multiple Categories, but only one Primary Category. Any additional Categories are added as Secondary Categories. Both Primary and Secondary Categories impact how the content is shared. However, only the Primary Category impacts the layout and design of the page. Learn more.. The text links to the Category page for the Primary Category.

Label

Display a custom label. The text is not clickable. Labels are commonly topics that categorize the content on a widget (such as "Politics" or "Sport").

A widget item can only show a label if a label is available in the data for the content page. Add a label via Website teaser > Label on the edit page for the story.

In Manual or Semi-auto mode, you can also add a label for any item directly from the widget edit page. For details, go to the following section in this article:

Exact time

Display a timestamp with the exact time and / or date of publication. The format for the time and date varies, according to your site configuration.

Relative time

Display a timestamp that shows how long ago the content was published (for example, "20 minutes ago"). After a set amount of time, the relative timestamp changes to an exact timestamp. The timing varies, according to your site configuration.

Tick Display introduction if you want the widget to display introductions. The following rules apply:

  • Introductions are only displayed when your site is viewed on desktop or tablet. Introductions are not shown on mobile.
  • Some widget layouts show introductions for all items, while others only show an introduction for the first item.
  • A widget item can only show an introduction if an introduction is available in the data for the content page.

Add an introduction to the data for a content page

The introduction that is shown with a story on a Content widget might be taken as follows (if 1 is not filled, the text is taken from 2):

  • (1): The Teaser introduction (set via Website teaser > Introduction on the edit page for the story).
  • (2): The General introduction (set via General > Introduction on the edit page for the story).

In Manual or Semi-auto mode, you can also add a Teaser introduction for any item directly from the widget edit page. For details, go to the following section in this article:

Tick Display Loop video if you want the widget to display Loop videos. The following rules apply:

  • A widget item can show a Loop video instead of a horizontal image.
  • Some widget layouts can show a Loop videos for any item, while others can only show a Loop video for the first item.
  • A widget item can only show a Loop video if a Loop video is available in the data for the content page.

Add a Loop video to the data for a content page

Add a Loop video via Website teaser > Loop video on the edit page for the story.

In Manual or Semi-auto mode, you can also add a Loop video for any item directly from the widget edit page. For details, go to the following section in this article:

If Mobile app Top story is ticked, the widget is used as the top story on the legacy version of the mobile app homepage.

This setting is maintained for compatibility with older app versions. A small number of users who have not updated their mobile app might still see the legacy homepage. The Mobile app Top story setting does not affect the current homepage.

For information about the latest homepage, see the following article:

NOTE: Mobile app Top story can be enabled for one widget at a time. If you enable this setting for a new widget, the previous top story is automatically replaced.



Set content: Auto mode

This section explains how to use auto mode to set the widget content. To enable auto mode, select the Auto tab on the Content subpage.

For information about auto mode, browse the sections below:


Auto mode: Benefits

Auto mode reduces the need for manual widget updates. Each widget updates automatically, always promoting the latest content that meets the individual widget requirements. For example, you might configure a widget that always promotes the 5 latest news articles on your website. This approach allows editors to focus on publishing new content, rather than updating widgets.

Set the widget requirements on the widget edit page in Pangea CMS. When a new item is published that meets these requirements, the item is automatically added to the widget. This process works as follows:

  • The new item is added to the top of the widget.
  • Every other item is moved one position lower.
  • The oldest item is removed from the widget to make space.

The elements in each teaser (such as the headline and title) are automatically taken from the edit page for the story in Pangea CMS. The system takes each element as follows (if 1 is not filled, the data is taken from 2):

  • (1): The relevant field in the Website teaser settings can be added for any content page. These settings are not displayed on the page itself, but are visible in the teaser (preview) for the page across your website. For example, Website teaser settings may be displayed on widgets and Category pages. Learn more. settings.
  • (2): The relevant field in the General settings.

NOTE: If your service uses auto widgets, it is important to consider how each story will look on widgets while you prepare the story in Pangea CMS. Ensure that the necessary widget elements are provided on the edit page for every story (in the General or Website teaser settings).


Auto mode: Set widget requirements

Set the widget requirements using the settings under the Auto tab.

The following settings are available:

Under Max items, set the maximum number of items that will be promoted on the widget. The widget will always promote this number of items, unless not enough items are available that meet the widget requirements.

The highest number you can select is 20.

NOTE: The Max items setting is not available when the Top story layout is selected. This is because the Top story layout can only promote one item.

Under Publication date limit, set a time period (in days). The widget will only promote content that was published during this time period.

For example, if you select 10, the widget will not promote content that is more than 10 days old.

Under Exclude content, optionally set a number of items that will be excluded (not promoted on the widget).

For example, if you select Exclude first 2 items, the widget will not promote the 2 latest items that otherwise meet the widget requirements. This option is useful if your latest content is promoted elsewhere on the same page.

Under Content type, optionally select one or more content types to filter the promoted content.

The widget will only display the selected content type(s). If you do not select any content types, the widget can promote any type of content.

For example, if you select Video, the widget will only promote videos.

A Content widget can promote any type of content page. This means the following content types:

Text content:
  • Article | Blog | FactCheck | Feature | Feature story | Live blog | News | Transcript
Multimedia content:
  • Audio clip | Audio feature | Broadcast program | Document | Photo gallery | Slider gallery | Video
Interactive content:
  • Dynamic infographics | Poll | Quiz | Static infographics

Under Categories, optionally select one or more Categories to filter the promoted content. The widget will only display content that has at least one of the selected Categories. If you do not select any Categories, the widget can promote content with any Categories.

If you select one or more Categories, the following additional options are provided to control the widget content more precisely:

Primary Category only

If you tick Primary Category only, the widget will only promote content that uses one of your selected Categories as its The Primary Category is the main Category for a content page. A page can have multiple Categories, but only one Primary Category. Any additional Categories are added as Secondary Categories. Both Primary and Secondary Categories impact how the content is shared. However, only the Primary Category impacts the layout and design of the page. Learn more..

Only items with all Categories

If you enable Only items with all Categories, the widget will only promote content that is assigned to all the selected Categories. An item will not be promoted on the widget if it has just one of the selected Categories.

NOTE: The Only items with all Categories setting has no impact if only one Category is selected.

Under Tags, optionally select one or more tags to filter the promoted content. The widget will only display content that has at least one of the selected tags. If you do not select any tags, the widget can promote content with any tags.

Editors can add tags on the edit page for any story in Pangea CMS. For detailed information, see the following article:


Auto mode: Check your requirements

After configuring the settings, hit the Update button. After you hit "Update", the item list (below the settings) will update to show the latest content that meets your requirements.

If you are not happy with the content, you can adjust the settings. To check the results, hit the Update button again.


Auto mode: Pin & hide items

In auto mode, you can customize the widget content as follows:

  • Pin an item so it is not removed from the published widget as new items are added.
  • Hide an item so it is not displayed on the published widget.

Find more details below:

While an item is pinned:

  • You can set the position of the item on the widget. The item stays in its set position. It does not move down the widget as new items are added.
  • The item will not be removed from the widget, unless it is manually removed or unpinned.

To pin an item:

  1. Enable the Pin slider in the item box.
  2. Use the selector to set the position.

For example, if you select 1, the item will be positioned first.

While an item is hidden, the item is not displayed on the published widget.

To hide an item, enable the Hide slider in the item box. The next valid item is added to the widget to replace the hidden item.



Set content: Manual mode

This section explains how to use manual mode to set the widget content. To enable manual mode, select the Manual tab on the Content subpage.

For information about manual mode, browse the sections below:


Manual mode: Benefits

Manual mode offers full control over the widget content. An editor manually selects every item to promote. This supports a curated approach, allowing you to highlight your most impactful content.

You need to manually set the widget content on the widget edit page in Pangea CMS. Unless the widget is manually updated, the widget content will not change or update.

In manual mode, the following special features are available:

  • Set the order of the items on the widget.
  • Customize the teaser for any item directly from the widget edit page.
  • Create a custom item from scratch, which can link to any URL.


Manual mode: Add content

Hit the Add manual content button to start adding the widget content.

On the Search & attach dialog, search for and attach every item that you want to promote on the widget. To run a content search:

  1. Hit Clear if needed to clear any existing search filters.
  2. Enter keywords and adjust the filters according to your needs.
  3. Hit Search.

The results refresh to match your search filters.

To attach an item, click the + Attach button in the item box. This action adds the item to the Attached items list.

After attaching every item, hit the main Add button. This action adds the attached items to the widget edit page.

For detailed information on how to run a content search in Pangea CMS, see the following article:

NOTE: If the Top story layout is selected, a Content widget can only promote one item. You cannot select multiple items for this layout.


Manual mode: Set the order of the items

In manual mode, you can set the order of the items on the widget.

To change the position of an item, use the selector in the item box. For example, if you select 1, the item will be positioned first.


Manual mode: Customize a teaser

In manual mode, you can customize the teaser for any item. For example, you can change the image or edit the headline that will be displayed on this widget.

To customize a teaser, select Edit teaser or Add teaser in the item box.

On the dialog, you can update any teaser element. However, which elements will appear on the widget depends on the layout settings. To see which elements your current layout displays, go to the Layout subpage.

To confirm any updates on the dialog, select your preferred option:

  • Update widget teaser: Display the new elements on the current widget only.
  • Update website teaser: Display the new elements on the current widget and replace the default Website teaser settings can be added for any content page. These settings are not displayed on the page itself, but are visible in the teaser (preview) for the page across your website. For example, Website teaser settings may be displayed on widgets and Category pages. Learn more. settings for the content page. This means your changes may also be visible on other pages where the story is shared.


Manual mode: Create a custom item

In manual mode, you can create a custom item to display on the widget. A custom item can link to any URL. This is useful for providing links to the following pages:

  • Pages on external sites (such as social media profiles)
  • Pages on your website that are not content pages (such as Section pages)

To start creating a custom item:

  1. Select Edit manual content / Add manual content.
  2. Select + Add custom item.

On the Add custom item dialog, manually add every element that will appear on the widget. Content widgets display different elements, depending on the layout settings. To check which elements your current layout displays, go to the Layout subpage.

Configure a standard or manual link.

Standard link

A standard link opens in the same tab and points to one of the following page types on your website:

  • Category page
  • Section page
  • Infopage
  • Special page (for example, your Subscribe, Podcast, or TV Schedule page)

Complete the following settings:

  • (A): Link: Select the page type you want to link to (Category, Section, Infopage, or Special page).
  • (B): Category / Section / Infopage / Special page: Select the specific page you want to link to. Click inside the box and start typing to quickly find a page.

Manual link

A manual link might point to any URL. You can choose how the link opens.

Complete the following settings:

  • (A): Link: Select "Manual link".
  • (B): URL: Enter the URL for the link. For pages from your own site, you can enter a relative URL (such as /home). For pages from external sites, you need to enter the full URL (such as https://rferl.org).

Under Link option, set how the link will open:

  • Open in new tab: The link will open in a new tab. You might use this option for links to external sites.
  • Open in same window: The link will open in the same tab. Always use this option for links to your own site.

On the Content subpage, custom items are marked with the Custom item badge. The following options are available for custom items:

  • (A): Set the position of the item using the selector.
  • (B): Hit the Edit button to adjust the settings for the custom item.



Set content: Semi-auto mode

This section explains how to use semi-auto mode to set the widget content. To enable semi-auto mode, select the Semi-auto tab on the Content subpage.

NOTE: Semi-auto mode is not available when the Top story layout is selected. This is because the Top story layout can only promote one item.

For information about semi-auto mode, browse the sections below:


Semi-auto mode: Benefits

Semi-auto mode combines the benefits of manual and auto mode.

The widget contains a mixture of manual and auto items:

Manual items

Manual items behave according to the rules for manual mode. These items are manually selected on the widget edit page in Pangea CMS. Manual items will not be removed from the widget, unless the widget is manually updated.

For manual widget items:

The manual widget content can include custom items.

Auto items

Auto items behave according to the rules for auto mode. These are always the latest content items that meet the widget requirements. Auto items are added and replaced automatically as new content is published.

For auto widget items, the following options are available:


Semi-auto mode: Add manual content

Hit the Add manual content button to start adding the manual widget content.

For detailed instructions on how to add manual content, go to the following section in this article:

By default, manual items appear above the auto items. All manual items are marked with the Manual mode badge.


Semi-auto mode: Add auto content

The Auto settings set the requirements for the auto widget content. Manual items are not restricted by these settings.

For a detailed description of each setting, go to the following section in this article:

After configuring the settings, hit the Update button. After you hit "Update", the list of auto items will update to show the latest content that meets your requirements.

By default, auto items appear below the manual items. All auto items are marked with the Auto mode badge.



Manage settings

The following main actions are available on the Settings subpage:


Display a title

You can display a title above the widget. The title can be either plain text or a clickable link to another page.

To display a title:

  1. Select Display title under Header options.
  2. Under Title, enter the title text.
  3. If you want the title to be a link, configure the link under Header link.

Configure a standard or manual link.

Standard link

A standard link opens in the same tab and points to one of the following page types on your website:

  • Category page
  • Section page
  • Infopage
  • Special page (for example, your Subscribe, Podcast, or TV Schedule page)

Complete the following settings:

  • (A): Header link: Select the page type you want to link to (Category, Section, Infopage, or Special page).
  • (B): Category / Section / Infopage / Special page: Select the specific page you want to link to. Click inside the box and start typing to quickly find a page.

Manual link

A manual link might point to any URL. You can choose how the link opens.

Complete the following settings:

  • (A): Header link: Select "Manual link".
  • (B): URL: Enter the URL for the link. For pages from your own site, you can enter a relative URL (such as /home). For pages from external sites, you need to enter the full URL (such as https://rferl.org).

Under Link option, set how the link will open:

  • Open in new tab: The link will open in a new tab. You might use this option for links to external sites.
  • Open in same window: The link will open in the same tab. Always use this option for links to your own site.


Update the widget name

Under Widget name, optionally update the internal widget name. This name will only be visible in Pangea CMS. Adding a descriptive name will help editors to identify the widget, which is especially important if the widget is a A library widget is a widget stored in the Widget library. The Widget library is a collection of ready-to-use widgets. One library widget might be used in multiple places across your website. Learn more..


Display a footer link

You can display a footer link below the widget. The footer link allows visitors to find more content on the same topic. For example, if a widget promotes the latest content from a particular Categories help to organize content both in Pangea CMS and on Pangea websites. A Category is normally a topic, such as "Politics" or "Sport". Every content page must have at least one Category. Categories act like folders on a computer, where items are stored and organized. Learn more., the footer link might point to the A Category page is a page on the public website where visitors can browse all the content from a particular Category. These pages are automatically generated and normally include a list of content, organized by date of publication. Learn more..

TIP: If a widget has a header link and a footer link, these links should normally open the same page.

Optionally configure a link under Footer link.

Configure a standard or manual link.

Standard link

A standard link opens in the same tab and points to one of the following page types on your website:

  • Category page
  • Section page
  • Infopage
  • Special page (for example, your Subscribe, Podcast, or TV Schedule page)

Complete the following settings:

  • (A): Footer link: Select the page type you want to link to (Category, Section, Infopage, or Special page).
  • (B): Link text: Optionally enter custom link text. Leave this box empty to display the default link text for your website.
  • (C): Category / Section / Infopage / Special page: Select the specific page you want to link to. Click inside the box and start typing to quickly find a page.

Manual link

A manual link might point to any URL. You can choose how the link opens.

Complete the following settings:

  • (A): Footer link: Select "Manual link".
  • (B): Link text: Optionally enter custom link text. Leave this box empty to display the default link text for your website.
  • (C): URL: Enter the URL for the link. For pages from your own site, you can enter a relative URL (such as /home). For pages from external sites, you need to enter the full URL (such as https://rferl.org).

Under Link option, set how the link will open:

  • Open in new tab: The link will open in a new tab. You might use this option for links to external sites.
  • Open in same window: The link will open in the same tab. Always use this option for links to your own site.



Check the preview

On the Preview subpage, you can check how the widget will look for website visitors when it is published. The preview shows the whole page / component, so you can see how all the widgets will look together. Choose your preferred option:

  • Desktop: Check how the widget will look when viewed on a desktop computer.
  • Tablet: Check how the widget will look when viewed on a tablet.
  • Mobile: Check how the widget will look when viewed on a mobile device.

The preview includes unsaved changes. You do not need to save changes before checking them in the preview.

NOTE: When you edit / create a widget directly from the Widget library page in Pangea CMS, the preview is not available.



Save the widget

To save the Content widget, hit Save or Save & close on the widget edit page.

After you save the widget, the following actions may be triggered:

  • If the page or component that contains the widget is published, the widget is immediately published.
  • If the page or component that contains the widget is in draft, the widget is saved in Pangea but not published.

Save without publishing

The widget statuses give you added flexibility when the page or component that contains the widget is published. The following statuses are available:

  • Enabled: The widget is visible on the public site.
  • Disabled: The widget is hidden (not visible on the public site).

IMPORTANT: If you are editing a widget that is already published, changing the status to Disabled will make the widget disappear from the public site.

To save a new widget without publishing it:

  1. Select the Disabled status.
  2. Hit Save / Save & close.

The widget is now saved with the Disabled status. It is not visible on the public site.

Need help?

XS
SM
MD
LG