Accessibility links

Breaking News

Creating a Slide-in widget


What's inside this article:


Basic information

A Slide-in widget slides in at the bottom of content pages after a visitor starts scrolling. The widget remains visible as the visitor scrolls (unless it is manually dismissed).

Each Slide-in widget can be assigned to one or multiple Categories. The Slide-in widget appears on content pages from the Categories where it is assigned.

NOTE: Slide-in widgets are not supported for all content page types. More information is available here:



Open the edit screen

To start creating a new Slide-in widget:

  1. Go to Sections > Slide-In Widgets.
  2. Hit + Add new.

The widget creation wizard opens.



Customize the widget layout

By default, a Slide-in widget includes just an image and a clickable headline.

To use the default layout, ensure None is selected under Display Category/Date/Label in the Layout section.

You can also display an additional element on the widget. Add any of the following elements:

  • (A): Category: The name of the Primary Category for the attached item that opens the Category archive page when clicked.
  • (B): Label: A non-clickable custom label that you can add in the Widget teaser or Website teaser settings for the attached item.
  • (C): Exact time: The exact time when the attached item was published.
  • (D): Relative time: How long ago the attached item was published (for example, 20 minutes ago).

When you are satisfied with the widget layout, hit Next to set the widget content.



Set the widget content

In the Content section, three options are available for setting the widget content:

  • Auto mode: The widget will promote the latest item that meets the criteria you define in the widget settings. For example, configure the widget to always promote the latest article from a particular Category. The widget content will update automatically when new a new item is published that meets the defined criteria.
  • Manual mode: The widget will promote the item that you manually select. The widget content will not change unless it is manually updated.
  • Placeholder: You manually configure the widget content. Define the image, headline, and link. The widget content will not change unless it is manually updated.


Auto mode

To use Auto mode, ensure Auto is selected.

Define the following settings, which define how the promoted content page is automatically selected:

  • Publication date limit: Choose a number of days. Content that is older than the selected number will not be promoted on the widget.
  • Exclude content: Choose a number of valid items that will not be promoted on the widget. For example, if you select 2, the 2 most recent valid items will not be promoted on the widget.
  • Content type: Specify which content types will be promoted on the widget. All content types are selected by default. Optionally remove content types that you don't want to promote.
  • Categories: Select one or more Categories. The widget will only promote content pages from the selected Categories. If you don't select a Category, the widget might promote content pages from any Category.
  • Primary category only: If enabled, the widget will only promote content pages that use a selected Category as the Primary Category.
  • Tags: Select one or more Tags. The widget will only promote content pages that are associated with one of selected Tags.

It is essential to hit the Update button to check which content page currently meets the defined criteria and will be promoted on the widget.

The following options are available for the attached item:

  • (A): Pin: Pin the item if you do not want it to be removed from the widget. The pinned item will not be replaced, even after a new valid item is published.
  • (B): Hide: Hide the item if you do not want it to be promoted on the widget. The next valid item appears to replace the hidden one.
  • (C): Live site: Open the content page in a new tab.

Hit Next to proceed to the next stage of setup.


Manual mode

To use Manual mode, select Manual.

To select the content page that will be promoted on the widget:

  1. Hit Set manual content.
  2. Adjust the search filters in the left panel, then hit Search to refresh the search results.
  3. Hit + Attach (the plus icon) next to the item you want to promote.

The following options are available for the attached item:

  • (A): Edit teaser: Adjust the teaser settings.
  • (B): Live site: Open the content page in a new tab.
  • (C): Remove item: Remove the item from the widget.

Hit Next to proceed to the next stage of setup.


Placeholder

To configure a placeholder that is displayed on the widget:

  1. Select Manual.
  2. Hit Set manual content.
  3. Select + Add placeholder.

You can then define the placeholder settings. The following options are valid for a Slide-in widget:

  • Title: Enter the text for the clickable headline.
  • Label: Optionally enter a custom label. This option is only valid if you selected Label in the Layout settings.
  • Horizontal image: Select the image to display on the widget.
  • Horizontal image caption: Define the image caption that is applied as ALT text for the image (not visible on the widget).
  • Link: Define the link for the clickable headline.

After configuring the placeholder, select Save to close the dialog.

If you need to edit the attached plaeholder, hit Edit item (the pencil icon).

Hit Next to proceed to the next stage of setup.



Adjust teaser settings

IMPORTANT: This option is only available for content pages added using Manual mode.

Teaser settings let you customize how the content page is promoted on the widget. For example, you can create a shorter version of the title, or attach a different image. To adjust the teaser settings for the attached item, select Edit teaser.

The following options are valid for a Slide-in widget:

  • Title: Enter the text for the clickable headline.
  • Label: Enter a custom label. This option is only valid if you selected Label in the Layout settings.
  • Horizontal image: Choose an image to display on the widget.
  • Horizontal image caption: Define the image caption that is applied as ALT text for the image (not visible on the widget).

The following options are available to apply the new teaser settings:

  • Save as widget teaser: Apply the new settings on the current widget only.
  • Save as website teaser: Apply the new settings on the current widget and in the universal Website teaser settings for the content page.



Configure the widget settings

In the Settings section, the following options are available:


Widget name

Provide a name for the widget that is visible only in Pangea CMS. This is not required, but providing a descriptive name helps identify the widget on the Slide-in widgets list.


Categories

Select one or more Categories. The widget will appear on content pages from the selected Categories.

Each Category can only have one assigned Slide-in widget. For this reason, Categories that already have an assigned Slide-in widget cannot be selected. You can change the Slide-in widget that is already assigned to a Category via the Edit Category (Zone) screen. More information is available here:

NOTE: Slide-in widgets are not supported for all content page types. More information is available here:



Set the status and save the widget

Before you save the widget, choose your preferred status using the drop-down menu at the top of the page:

  • Enabled: The widget will be visible on the public site immediately after you save it.
  • Disabled: The widget will be available in Pangea CMS after you save it. It will not be visible on the public site.

Hit Save or Save & close to confirm and apply your preferences.

The widget is now available on the Slide-in widgets list. By default, the list is organized in alphabetical order.



Where do Slide-in widgets appear?

When a Slide-in widget is assigned to a Category, the widget appears only on content pages that use the Category as the Primary Category. For information about Primary and Secondary categories, see the following article:

Slide-in widgets only appear on the following text-based content pages:

  • Article
  • Blog
  • FactCheck
  • Feature
  • Feature story
  • News
  • Transcript

Slide-in widgets do not appear for Categories with the Latest news archive layout enabled.


Pangea CMS Guide

Need help?

XS
SM
MD
LG