How to use announcement banners

Engage your visitors with announcement banners.

K
Written by Katelyn Gray
Updated over a week ago

Use an announcement banner at the top of your website to prominently display a short custom message. This is an effective way to highlight a promotion, inform visitors of holiday hours, or advertise an upcoming event. Choose to display the banner on every page of your site or only on certain pages.

Your banner settings are located in the website editor under Website > Settings.

How to add announcement banners

  • In the website editor, click Website, then Settings

  • The Settings pane will show a Banner card with a goal (e.g., Drive traffic to a specific page) and a status indicator (for new websites, the status will read Not enabled)

  • Click on the announcement banner’s row

  • Click the dropdown box under Status and select Enabled. A live preview of your banner will appear to the right of the Banner pane.

  • Note that the announcement banner will not be live on your website until the site is published

How to change where your banner displays

The goal of your announcement banner changes the type of banner used and where it displays on your website. The only goal that’s currently available is Drive traffic to a specific page, with plans to eventually add more. 

  • In the website editor, click on Website then click Settings

  • The Settings pane will show a Banner card with a goal (e.g., Drive traffic to a specific page)

  • Click on the announcement banner’s row

  • Click the dropdown field under Display on... to choose whether your banner appears on all pages of your website or only specific pages. If you select Specific pages, a list of your site’s pages will appear with corresponding checkboxes. Click the checkbox next to a page to enable the banner on that page. 

  • The changes you make to your announcement banner settings are saved automatically, but you’ll have to publish your site again for the changes to go live

Experiment with your banner’s text and link to understand what makes your visitors click.

  • In the website editor, click Website then click Settings

  • The Settings pane will show a Banner card with a goal (e.g., Drive traffic to a specific page)

  • Click on the banner’s row

  • Under Content, update your announcement banner’s content using the Text and Link fields

  • Clicking the Link card lets you alter your banner link’s text, link type, and where it links. Link types include page or section, external website URL, media file, email address, phone number, and nowhere.

  • As you make changes, the live preview of your banner to the right of the Banner pane will update instantly to reflect the new content

  • You’ll have to publish your site again for the changes to go live

How to edit a banner’s appearance:

Change a banner’s layout, background, and more using the Appearance section.

  • In the website editor, click Website then click Settings

  • The Settings pane will show a Banner card with a goal (e.g., Drive traffic to a specific page)

  • Click on the banner’s row

  • Scroll down to the Appearance section of the Banner pane

  • Your banner’s background color and font styles display based on your site’s theme preferences. Change the banner’s background under Section background (to use a light, dark, or accent color background).

  • Alignment allows you to change the alignment of your banner’s text

  • The changes you make to your announcement banner settings are saved automatically, but you’ll have to publish your site again for the changes to go live

Did this answer your question?