Display Formats

Overview

Display formats show your own HTML on your pages in a chosen layout. There are four:

  • Page Takeover: your content fills the whole screen.
  • Modal Box: a centred box over a dimmed page.
  • Sidebar: a bar fixed to the top, bottom, left or right of the screen.
  • Div Insertion: your content is placed in, before or after an element on your page.

Choose a format

FormatUse it for
Page TakeoverA full-screen message you want every targeted reader to see, such as a launch or a major announcement.
Modal BoxAn offer or announcement that interrupts the page but lets the reader close it.
SidebarA persistent, low-key message such as a promotion bar or a notice.
Div InsertionA banner or block inside your page layout, such as under the headline or in the article body.

To stop the article and ask readers to sign up or subscribe, use the Access Wall. Content Walls you created before are now Access Walls with the same settings.

Set up a display format

  1. Go to Audience Operation > Experience and click New Experience.
  2. In Choose Experience Type, pick Page Takeover, Modal Box, Sidebar or Div Insertion, then click Next Step.
  3. Enter a Name, choose the Project and turn on Enable.
  4. Fill in the settings for the format, see below. Write your HTML in Content. The preview next to the editor updates as you type.
  5. Click Save Changes.

Page Takeover

  • Content: the HTML shown full screen.

Modal Box

  • Can be closed: Yes shows a close icon in the top right corner of the box.
  • Text color and Background color of the box.
  • Close button color: the colour of the close icon.
  • Content: the HTML inside the box.

Sidebar

  • Position: Top, Right, Bottom or Left. Top and bottom bars span the width of the screen, left and right bars span its height.
  • Text color and Background color of the bar.
  • Content: the HTML inside the bar.

Div Insertion

  • CSS Selector: the element to use. Every element that matches is used.
  • Type:
    • Insert into: hides what is inside the element and shows your content instead.
    • Insert after: adds your content right after the element.
    • Insert before: adds your content right before the element.
  • Content: the HTML to insert.

Put it live

Display formats are shown through Orchestration. Add the experience to an Orchestration to choose the pages, context and readers it shows to, and to A/B test variants. See Orchestration.

Add sign-up and unlock actions

Use placeholders in Content to add a tracked sign-up link, or a link that unlocks an Access Wall. See Placeholders.

Stay ahead in first-party data

Identity, consent, audience, and subscription insights for publishers. A few emails a month, no spam.

By subscribing you agree to our privacy policy.