Request and display a responsive banner

What's inside this article:


Basic information

The Pangea Design team can create custom banners on request for services. Banners created by our designers are fully responsive. This means they render properly on all devices (desktop, tablet, and mobile).

Responsive banners are commonly requested for the following purposes:

  • Promote special projects or content on a particular topic.
  • Promote mobile apps and social media accounts.
  • Provide information for visitors about how to avoid website blocking.



Examples

The Pangea Design team can create the following responsive banners on request:


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 in 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 or artwork you want 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 relevant URL (if the banner will include a link to another page)



Display a responsive banner

After your responsive banner is prepared by the Pangea Design team, it is created and saved in Pangea CMS (the content type is Snippet).

Two methods are available to display a responsive banner (depending where you want to display the banner):


Display on a Section or Infopage

Use an HTML widget to display a banner on a Section or Infopage. Follow these steps:

  1. Open Pangea CMS and select Build in the primary navigation.
  2. Select Sections or Infopages.
  3. Select the specific page 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 widget.
  6. Select New widget > HTML to start building a new HTML widget.
  7. In the Content section, hit the Insert embedded content button.
  8. Select Single item and Content.
  9. Under Content type, select Snippet. Set the additional search filters according to your needs.
  10. Hit Search to refresh the search results.
  11. Select the Snippet you want to display.
  12. Hit Attach.

The remaining steps are the same as for creating a standard HTML widget. For instructions, see the folloowing article:


Display on a content page

You can embed a responsive banner into 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

To learn how to create these content pages from the beginning, see the following articles:

To embed a responsive banner from the edit screen for a text content page:

  1. Via Editor, click inside the main box to reveal the CKEditor bar. Position the cursor where you want to position the banner.
  2. Hit the Insert Embedded Content button in CKEditor.
  3. Follow steps 8-12 under Display on a Section or Infopage.