Page banners

Avatar
Justin Ober

In this Article

Banners frame the main content area of a page and provide additional locations to add elements. Left and right banners are generally narrow and vertically oriented. Top and bottom banners are called "headers" and “footers," respectively.

Locate the Banners module in the Composer left navigation menu. 

banners in navigation menu.png

Create a new banner

There are two ways to create a new banner.

  1. In the Banners section of Composer, click on the green + button next to the type of banner you want to create (Headers, Left Banners, Right Banners, or Footers).

    create a new banner in the banners module (1).png

  2. Go to the Page Layout and Appearance menu and click the green + buttons next to each banner's dropdown menu.

page layout and appearance menu.png

Add elements to your banner

After giving your banner a new name and save your changes, the new banner will appear in the page’s Composer view. As with pages, banners can be populated with elements by selecting them from the element library.

Markup_on_2023-05-30_at_12_01_17.png

The appearance of banners can change based on the Theme applied to the page. When editing a banner on a page, the banner will take the page’s theme properties. It may look different when applied to a page with a different layout. When banners are edited in the Banners section, the elements have no styling at all.

theme2.png

Apply banners to Composer pages

Apply banners individually to a page by entering Compose mode and clicking the Page Layout and Appearance icon on the bottom bar.

Annotation-Annotation_on_2023-05-25_at_14-16-41.png.png

In the Page Layout and Appearance popup, define the banners that will appear on the page.

Publish your banner

When you’re finished editing, publish your banner.

In Banners, click the Publish button in the bottom-right corner.

banners publish in bottom right corner.png

On a page, the Publish button will appear at the top of the banner box.
publish on the composer page in the actual banner.png

Important Note

When displayed on a page, even in Compose mode, the published version of a banner will be shown. To view unpublished banner changes, click into the banner to enter editing mode.

Where do I edit my banner?

Header and Footer Banners Left and Right Banners

Edit header and footer in the banners module

Why?

  • Styling is turned off in the Banners tab which makes it easier to select the element you are wanting to edit. 
  • Content is often pulled dynamically. 
  • It is possible to see how many pages your change will affect once published.
  • Previewing the banner before the publish is possible.
  • The publish button and icon is in a familiar location. 

edit header and footer banners in the banners module

Important Note

When banners aren't displaying as you think they should, it is often because the banner hasn't been published, either in the bottom right corner in the Banners module OR the top right corner in Composer.

Set banner permissions

Banner permissions are set in two places: 

  1. Composer Admin permissions: Adjust the levels on the banner column in the Global Messages admin permissions screen. 
    banner permissions in composer global permissions.png
  2. Individual Banner level permissions: Grant permission at the banner level by selecting a specific banner to open in the banners panel, then click on the settings gear in the bottom right corner. 
    banner level permissions settings gear.png
Was this article helpful?
6 out of 31 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.