Embedding Pangea content

What's inside this article:

• Basic information
• Layout options: Direct embeds
• Layout options: See also links
• Insert a direct embed
• Insert a single see also link
• Insert multiple see also links
• Preview before publishing

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, galleries, and more.

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 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 your entityAn entity is one of the three media organizations the uses Pangea CMS: Radio Free Europe / Radio Liberty (RFE/RL), Voice of America (VOA), and Office of Cuba Broadcasting (OCB).. 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

Backgrounder

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 backgrounders, see the following article:

• Creating and embedding a backgrounder

Multimedia content

Audio (Audio clip, Audio feature, Broadcast program)

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.

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

• Publishing an on-demand audio clip
• Recording an audio feature
• Managing broadcast programs

Document

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.

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

• Publishing a document

Photo gallery

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 browse the photos without leaving the article.

For detailed information about photo galleries, see the following article:

• Creating a photo gallery

Slider gallery

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, readers can compare images and move between image pairs without leaving the article.

For detailed information about slider galleries, see the following article:

• Creating a slider gallery

Video

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.

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

• Publishing an on-demand video

Interactive content

Dynamic infographic

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.

Poll

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.

Quiz

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.

Snippet

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.

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.

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. Click Insert embedded content in the toolbar.

   

3. On the Search & attach dialog, select Content in the left panel.

   

Then, follow the additional steps below:

4) Find and select the item

Use the filters to reduce the number of results and quickly find the item you need. For detailed information, see the following article:

• Running a content search

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

5) Choose a layout

On the Select layout dialog, select the layout you want to use. To insert the item as a direct embed, select one of the layouts under Direct embed or Player.

After selecting a layout, click Select.

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. Click Insert embedded content 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

Use the filters to reduce the number of results and quickly find the item you need. For detailed information, see the following article:

• Running a content search

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

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, select one of the layouts under See also link.

6) Set the header

You can enter a custom header under Header. The default header text for all see also links on your site is prefilled.

Click Select to continue.

A see also link always has a header. If you leave the Header box empty, the default header text is 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. Click Insert embedded content 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

Use the filters to reduce the number of results and quickly find the item you need. For detailed information, see the following article:

• Running a content search

For each item you want to include in the block, click the title or the Attach button. Each item appears on the Attached items list.

5) Manage attached items

The following options are available for attached items:

• Reorder: Reorder items using drag and drop.
• Remove: Click Remove to remove an attached item.

When you are ready, click Add.

6) Set the header

You can enter a custom header under Header. The default header text for all see also links on your site is prefilled.

Click Select to continue.

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

Preview before publishing

After you embed a Pangea content item (as a direct embed or a see also link), you see a placeholder representing the embed in the text editor box on the article edit page.

Before publishing, check how the published embed will look. Choose your preferred option under Preview in the left panel:

• Desktop: Preview the page on a desktop computer.
• Tablet: Preview the page on a tablet.
• Mobile: Preview the page on a mobile device.

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