Accessibility links

Breaking News

Request and display a responsive banner

update

What's inside this article:


Basic information

The Pangea Design team can create custom banners on request (including design and code). The banners are fully responsive, meaning they will look attractive on devices with different screen sizes (mobile, tablet, and desktop).

Banner requests can be submitted by individual language services. Banners are commonly requested for the following purposes:

  • Promote a special project or a collection of content on a particular topic.
  • Promote a mobile app or social media account.
  • Provide guidance on how to bypass website blocking.



Sizes and formats

The Pangea Design team can create banners in the following sizes / formats:


Full-width banners

Full-width banners for placing on pages (such as Sections and Infopages). These are often decorative (non-clickable) banners, used as page headers.


Article banners

Smaller banners for placing into the body of content pages (such as articles). These banners normally function as links to other pages.


Single-column banners

Single-column banners for placing on pages (such as Sections and Infopages). These banners normally function as links to other pages.



Request a responsive banner

To request a new responsive banner for your service, follow the link below:

Ensure Graphic / Infographic Request is selected. Under Graphic Type, select Graphic.

Please include the following details in your request:

  • Any images / artwork to include on the banner (can be attached to the ticket)
  • The localized text to include on the banner (including the text for any buttons)
  • The URL for the link (if the banner will include a link to another page)



Display a responsive banner

After the Pangea Design team has prepared your banner, it will be saved in your site in Pangea CMS. The content type is Snippet. The name of the Snippet always includes the issue ID for the graphics request in Jira (for example, GR-2080). This lets you conveniently search for the Snippet in Pangea.

To display the banner on a page, follow the relevant steps below (depending where you want to display the banner):


Display on a page / segment

Using an HTML widget, you can display a responsive banner on the following pages and segments:

  • Section
  • Infopage
  • Region
  • Landing
  • You Might Also Like (YMAL)

Follow these steps:

  1. Go to Build in the primary navigation.
  2. Choose the type of page / segment where you want to display the banner.
  3. Select the specific page / segment where you want to display the banner.
  4. Ensure Editor is selected in the left panel.
  5. Select the empty area where you want to display the banner.
  6. Select New widget > HTML to create a new HTML widget.
  7. On the Content subpage, hit the Insert embedded content button.
  8. Search for and select the Snippet. For tips and information about using Search, see the following article:

You see a placeholder representing the embedded banner in the text editor.

You will be able to check exactly how the embedded banner will look on the Preview subpage.

For detailed instructions on how to create an HTML widget, see the following article:


Display on a content page

You can display a responsive banner in the body of the following text content pages:

  • Article
  • Blog
  • FactCheck (embed in the Verdict content)
  • Feature
  • Feature story
  • Live blog (embed in a post)
  • News
  • Transcript

On the edit page for the story in Pangea CMS, follow these steps:

  1. Click inside the main box on the Editor subpage. Position the cursor where you want to insert the item.
  2. Hit the Insert Embedded Content button in the text editor bar.
  3. Ensure Single item and Content are selected.
  4. Search for and select the Snippet. For tips and information about using Search, see the following article:

You see a placeholder representing the embedded banner in the text editor.

To check exactly how the embedded banner will look on the published page, use the options under Preview in the left panel.



Need help?

XS
SM
MD
LG