Accessibility links

Breaking News

Embedding a widget


This article explains how to embed a widget into a content page in Pangea CMS. The steps apply for widgets created within Pangea CMS.

You can embed a widget on any text-based content page in Pangea CMS. This includes articles, feature stories, and other content types available via New > Content in the top menu.


NOTE: The screenshots in this article show the Article edit screen. However, the steps also apply for other text-based content.

What's inside this article:



Get embed code

NOTE: It is possible to embed the following widget types:
  • Content
  • FactCheck
  • Live Blog
  • Manual stream
  • Multimedia
  • Podcast
  • Poll
  • Trends

Before you can embed a widget, you need to retrieve the embed code.

Follow these steps:

  1. Click Sections > Sections in the top menu.
  2. Select the Section containing the widget that you want to embed.
  3. Click Menu (three lines) > Edit on the box for the widget you want to embed.

Continue according to the steps in the relevant section below:



New CMS 8 layout

Follow the steps below on widget settings screens that use the new CMS 8 layout:

  1. Select Embed code in the left panel.
  2. Adjust the height and width of the embed, and specify if you want to enable scrolling.
  3. Click Copy next to the embed code.

The code is now copied to your clipboard, and you are ready to embed the widget.



Classic CMS layout

Follow the steps below on widget settings screens that still use the classic CMS layout:

  1. Select the Embed code tab.
  2. Adjust the height and width of the embed, and specify if you want to enable scrolling.
  3. Select the whole embed code under Embedded Code iframe. Copy the code using the relevant method below:
    • Windows: On your keyboard, press the Ctrl key and C key simultaneously.
    • Mac: On your keyboard, press the ⌘ Command key and C key simultaneously.

The code is now copied to your clipboard, and you are ready to embed the widget.




Embed the widget

After you get the embed code, follow the steps below to embed the widget:

  1. Position the cursor where you want to embed the widget.
  2. Click the Insert Embed Content icon.
  3. Select External media.
  4. Paste the embed code into the External media URL or embed code box, and click Attach. Paste the code using either method below:
    • Windows: On your keyboard, press the Ctrl key and V key simultaneously.
    • Mac: On your keyboard, press the ⌘ Command key and V key simultaneously.

You see a gray box with the text {Snippet} where the widget is embedded. You can check how the widget will look on the published page using the Preview options in the left panel.


NOTE: The embedded widget remains linked to the widget in Pangea CMS. If the widget is updated in Pangea CMS, the embedded version will also update automatically to match the changes. If the widget is deleted from Pangea CMS, the embedded version of the widget is no longer visible on the content page.




Further recommendations

The following articles might be helpful:

Pangea CMS Guide

XS
SM
MD
LG