Page banners

In this Article


Banner Best Practices

1. It is more highly recommended to edit Header and Footer banners in the actual Banners module versus updating them on the Composer page. To find the Banners module, back out of Pages in Composer. Here are the reasons why this is a best practice: 

  • 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. 

Markup_on_2023-05-30_at_11_43_28.png

2. Left and Right banners may be edited on the Composer page more easily. Just don't forget to publish the banner in the top right corner and not only the page publish in the bottom right corner.

Markup_on_2023-05-30_at_11_41_18.png

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.

Banners overview 

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.

Banners can be applied individually to a page by activating "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.

Create a new banner

  1. There are two ways to create a new banner. In the “Banners” section of Composer, click on the green “+” button next to the type of banner you want to create. Or, to create a banner and immediately apply it to a page, use the green "+" buttons next to each banner's dropdown menu in Page Layout and Appearance.

    Markup_on_2023-05-25_at_14_19_13.png Markup_2023-05-25_at_14.30.06.png

  2. Give the new banner a name.

    Markup_on_2023-05-25_at_14_20_08.png

  3. After saving your changes on the Page Layout and Appearance screen, the new banner will appear in the page’s Composer view. Click on the banner’s name on the Composer page to begin editing. In the Banners section, the banner will be added to the list and you will see a blank screen where you can begin adding elements.

    Markup_on_2023-05-25_at_14_34_05.png

  4. 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

  5. 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

Publish Your Banner

When you’re finished editing, publish your banner. In Banners, click the “Publish” button in the bottom-right corner. On a page, the “Publish” button will appear at the top of the banner box.

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.

Was this article helpful?
4 out of 20 found this helpful

Comments

0 comments

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