What's inside this article:
Basic information
User groups: Contributor_2020, Journalist_2020, Editor_2020, Master Editor_2020
About user groups
This article explains how to insert a Pangea content item on a content page as a direct embed.
Two ways to insert Pangea content
There are two ways to insert a Pangea content item on a content page:
- Direct embed: A direct embed is normally interactive on the page. For example, readers can watch an embedded video without leaving the article.
- See also link: The content appears as a card-style link (similar to a social media preview) that directs readers to a separate content page.
This article covers direct embeds. For information about see also links, see the following article:
What is Pangea content?
Pangea content is any content created and published through Pangea CMS. You can insert the following content types as direct embeds:
- Text:
- Backgrounder
- Multimedia:
- Audio clip, Audio feature, Broadcast program, Document, Photo gallery, Slider gallery, Video
- Interactive:
- Dynamic infographic, Poll, Quiz, Snippet
NOTE: You can directly embed content from your own site. You cannot directly embed content from other sites.
Layout options for direct embeds
When you insert a Pangea content item as a direct embed, you can choose from different layouts. The available layouts vary depending on the type of content you are embedding:
Text content
When you insert a backgrounder as a direct embed, the following layouts are available:
- Center: The backgrounder occupies the full content width.
- Side: The backgrounder is attached at the side of the content.
For detailed information about the backgrounder content type, see the following article:
Multimedia content
When you insert an audio content item as a direct embed, one layout is available:
- Big: The player occupies the full content width. Readers can listen to the audio without leaving the article.
Pangea includes the following audio content types:
- Audio clip
- Audio feature
- Broadcast program
For detailed information about these content types, see the following articles:
When you insert a document as a direct embed, one layout is available:
- Small (with image): The embedded document appears as an inline preview, which directs readers to a separate content page. The distinctive layout with a 'document' icon signals that the destination is a document rather than a standard page.
For detailed information about the document content type, see the following article:
When you insert a photo gallery as a direct embed, the following layouts are available:
- Big (available for all text content types): The embedded gallery occupies the full content width.
- Jumbo (available in feature stories): The embedded gallery is slightly wider than the content.
With either layout, readers can browse the photos without leaving the article.
For detailed information about the photo gallery content type, see the following article:
When you insert a slider gallery as a direct embed, the following layouts are available:
- Big (available for all text content types): The embedded gallery occupies the full content width.
- Jumbo (available in feature stories): The embedded gallery is slightly wider than the content.
With either layout, readers can compare images and move between image pairs without leaving the article.
For detailed information about the slider gallery content type, see the following article:
When you insert a video as a direct embed, the following layouts are available:
- Big (available for all text content types): The player occupies the full content width.
- Jumbo (available in feature stories): The player is slightly wider than the content.
With either layout, readers can watch the video without leaving the article.
For detailed information about the video content type, see the following article:
Interactive content
When you insert a dynamic infographic as a direct embed, the following layouts are available:
- Big (available for all text content types): The embedded infographic occupies the full content width.
- Jumbo (available in feature stories): The embedded infographic is slightly wider than the content.
- Full-width (available in feature stories): The embedded infographic occupies the full page width.
With any layout, readers can see and interact with the full infographic without leaving the article.
When you insert a poll as a direct embed, one layout is available:
- Big: The embedded poll occupies the full content width. Readers can vote in the poll and view the results without leaving the article.
When you insert a quiz as a direct embed, one layout is available:
- Big: The embedded quiz occupies the full content width. Readers can take the quiz and see their score without leaving the article.
When you insert a snippet as a direct embed, the following layouts are available:
- Big (available for all text content types): The embedded snippet occupies the full content width.
- Jumbo (available in feature stories): The embedded snippet is slightly wider than the content.
- Full-width (available in feature stories): The embedded snippet occupies the full page width.
With any layout, readers can see and interact with the full snippet without leaving the article.
Insert a direct embed
You can insert a direct embed on the following text content pages:
- Article, Blog, Factcheck, Feature, Feature story, Live blog, News, Transcript
On the edit page for an article in Pangea CMS, follow these steps:
- Select Editor in the left menu.
- In the content box, position the cursor where you want to insert the item.
- Select the Insert embedded content button in the toolbar.
- On the Search & attach dialog, select Single item > Content.
- If necessary, use the options in the left menu to filter the search results.
- Select the item you want to insert.
NOTE: For detailed information about the search options, see our Running a content search article.
The Embed settings dialog opens. The available settings depend on the content type. Find details for each type below.
Text content
Multimedia content
Interactive content
After adjusting the settings, click Insert.
Preview before publishing
After you insert a direct embed, you see a placeholder representing the embed in the content box on the article edit page.
You can check how the embed will look on the page after publication. Under Preview in the left panel, you can preview the page on different devices:
- Desktop
- Tablet
- Mobile
The preview includes unsaved changes. You do not need to save changes before checking them in the preview.
