Embedding Pangea content

What's inside this article:


Basic information

This article explains how to insert embedded Pangea content on articles and other text content pages.

What is Pangea content?

Pangea content is any content created and published through Pangea CMS, including videos, infographics, and galleries.

Two embedding methods

Two methods are available for embedding Pangea content:

  • Direct embed: The content 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.

Each Pangea content type can be embedded using one or both of the methods described above:

Content typeDirect embedSee also link
Text content
Article, Blog, Feature, News, Transcript✘✔
Backgrounder✔✘
FactCheck✘✔
Feature story✘✔
Live blog✘✔
Multimedia content
Audio clip✔✔
Audio feature✔✔
Broadcast program✔✔
Document✔✔
Photo gallery✔✔
Slider gallery✔✔
Video✔✔
A Stealth video is a video published with the 'Stealth published' status. It does not have a standalone content page and is not indexed by search engines. Stealth videos can be shared as direct embeds on content pages. This is useful for short, supporting content that adds to the storytelling but does not warrant a dedicated page. Learn more.✔✘
Interactive content
Dynamic infographic✔✔
Poll✔✔
Quiz✔✔
Snippet✔✘
Static infographic✘✔

Content from other sites

The following rules apply:

  • Direct embeds: You can directly embed content from your own site. You cannot directly embed content produced by other sites.
  • See also links: You can link to content from your own site or from another site under the same entity. Note that content will appear in its original language.



Layout options: Direct embeds

When you directly embed a Pangea content item, you can choose from different layouts, depending on the type of content you are embedding:

Text content

For embedding a Backgrounder, 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:

An embedded Backgrounder with 'Center' layout (top) and 'Side' layout (bottom).

Multimedia content

For directly embedding Pangea audio content, one layout is available:

  • Big: The player occupies the full content width. Readers can listen to the audio without leaving the article.

A directly embedded Audio clip.

For detailed information about Pangea audio content, see the following articles:

For directly embedding a Document, one layout is available:

  • Small (with image): The embedded Document appears as an inline preview. Like a See also link, it directs readers to a separate content page. However, the distinctive layout with a 'document' icon signals that the destination is a document rather than a standard page.

A directly embedded Document.

For detailed information about the Document content type, see the following article:

For directly embedding a Photo gallery, 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 open the gallery in a lightbox and explore the images without leaving the article.

A directly embedded Photo gallery with 'Big' layout (left). The reader hits the embed to open the lightbox (right).

For detailed information about the Photo gallery content type, see the following article:

For directly embedding a Slider gallery, 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, the embedded Slider gallery appears as an inline preview. Like a See also link, it directs readers to a separate content page. However, the distinctive layout with a 'gallery' icon and 'Gallery Compare' label signals that the destination is a gallery rather than a standard page.

A directly embedded Slider gallery with 'Big' layout.

For detailed information about the Slider gallery content type, see the following article:

For directly embedding a Video, 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.

Two directly embedded videos (horizontal and vertical) with 'Big' layout.

For detailed information about the Video content type, see the following article:

Interactive content

For directly embedding a Dynamic infographic, 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.

Two directly embedded Dynamic infographics with 'Big' layout.

For directly embedding a Poll, 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.

A directly embedded Poll.

For directly embedding a Quiz, 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.

A directly embedded Quiz (left). The reader hits 'Begin' to start the quiz (right).

For embedding a Snippet, 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.

Two directly embedded Snippets with 'Big' layout.



Layout options: See also links

Single link

For a single See also link, you always have the same layout options:

  • (A): Center (with image): The link occupies the full content width and includes an image.
  • (B): Side (with image): The link is attached at the side of the content and includes an image.
  • (C): Center (title only): The link occupies the full content width and includes just the title for the item with no image.
  • (D): Side (title only): The link is attached at the side of the content and includes just the title for the item with no image.

Multiple links

For a block of multiple See also links, you always have one layout option:

  • List: The block occupies the full content width and includes just the title for each item with no images.

A block of multiple See also links.



Insert a direct embed

These steps explain how to insert a direct embed from the edit page for an article in Pangea CMS.

To get started:

  1. Position the cursor where you want to insert the item.
  2. Hit the Insert embedded content button in the toolbar.
  3. On the Search & attach dialog, select Content in the left panel.

Then, follow the additional steps below:

4) Select the item

Select the title for the item you want to embed, or hit the Attach button.

You can use the filters to reduce the number of results and quickly find the item you need. For detailed information about searching for content in Pangea CMS, see the following article:

5) Choose a layout

On the Select layout dialog, select the layout you want to use. Hit Select to confirm.

To insert the item as a direct embed, ensure that you select one of the layouts listed under Direct embed or Player. An overview of the layout options is available here:



Insert a single See also link

These steps explain how to insert a single See also link from the edit page for an article in Pangea CMS.

To get started:

  1. Position the cursor where you want to insert the link.
  2. Hit the Insert embedded content button in the toolbar.
  3. On the Search & attach dialog, select Content in the left panel.

Then, follow the additional steps below:

4) Select the item

Select the title for the item you want to embed, or hit the Attach button.

You can use the filters to reduce the number of results and quickly find the item you need. For detailed information about searching for content in Pangea CMS, see the following article:

5) Choose a layout

On the Select layout dialog, select the layout you want to use.

To insert the item as a See also link, ensure that you select one of the layouts listed under See also link. An overview of the layout options is available here:

6) Set the header

Optionally enter a custom header under Header. The default header text for all See also links on your website is prefilled. Hit Select to confirm.

A See also link always has a header. If you leave the Header box empty, the default header text will be used.



Insert multiple See also links

These steps explain how to insert a block of multiple See also links from the edit page for an article in Pangea CMS.

To get started:

  1. Position the cursor where you want to insert the block of links.
  2. Hit the Insert embedded content button in the toolbar.
  3. At the top of the Search & attach dialog, select Multiple items.

Then, follow the additional steps below:

4) Search and attach items

On the Search & attach dialog, select all the items you want to link. For each item, hit the title or the Attach button.

You can use the filters to reduce the number of results and quickly find the items you need. For detailed information about searching for content in Pangea CMS, see the following article:

5) Manage attached items

Under Attached items, the following options are available:

  • Change the order of items using drag and drop.
  • Remove an item by hitting the 'trash' button.

Hit Add to confirm the selection.

6) Set the header

On the Select layout dialog, optionally enter a custom header under Header. The default header text for all See also links on your website is prefilled. Hit Select to confirm.

A block of See also links always has a header. If you leave the Header box empty, the default header text will be used.



Preview before publishing

After you insert embedded Pangea content (direct or See also link), a placeholder representing the embed is visible in the text editor box on the article edit page.

Before publishing, you can check how the embed will look for readers on the live article. Choose your preferred option under Preview in the left panel:

  • Desktop: Check how the page will look when viewed on a desktop computer.
  • Tablet: Check how the page will look when viewed on a tablet.
  • Mobile: Check how the page 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.