Adding a COVID-19 banner

As you can imagine, Support is receiving a high volume of COVID-19 communication-related requests at this time. This article outlines two options for communicating important information to your constituents.

Page Pop

In the immediate term, a Page Pop is an available software feature that would allow you to display COVID-19 messaging right on the homepage and link from there to your COVID-19 information hub. 

The benefit of a Page Pop is that end users need to interact with the Pop before doing anything else on the page, as the background is grayed out. The Page Pop will also show consistently across desktop, tablet, and mobile devices.

Page banner

Additionally, you have the ability to add a full-width banner to your homepage, as shown below.

covid-19_banner.png

The text files attached to this article include a snippet of code (one for Composer sites and one for Page Manager sites) that you can copy and paste into your site's theme/layout, after you update the background, text, and link colors as you see fit, as well as update the link to point to your COVID-19 information hub.

After you paste the code into your theme, the banner will be added to all pages where the theme is applied. Be sure to save!

Please note that if your site features a sticky or fixed header, the banner may not display properly.  Please submit a Support request to allow our team to investigate.

Customizing and adding the banner: Composer

Follow the below instructions to add a customized version of this banner to your Composer site.

  1. Download the COVID-banner-widget-Composer.txt file (Attached below).

  2. Update the sections highlighted in the image below.

    screenshot of code snippet from COVID-banner-widget.txt

    • Update header: Modify the bolded covidText content between the double quotes.

    • Update link: Modify the bolded covidLink content between the double quotes.

    • Update background, text, and link colors: Replace the related bolded hex codes

  3. Copy the entire snippet.

  4. Go to the Themes section of your Composer navigation, and click on the theme for your site. 

  5. Paste the snippet in the External Assets box. You may need to expand the box by dragging the handle in the bottom-right corner.

    Snippet pasted into theme's External Assets field with Themes tab and External Assets box highlighted

  6. Click Update in the bottom-right corner of the screen.

  7. If you have more than one theme applied to pages on your site, such as an athletics theme, repeat steps 4-6 for any additional themes.

Customizing and adding the banner: Page Manager

Follow the below instructions to add a customized version of this banner to your Composer site.

  1. Download the COVID-banner-widget-PM.txt file.

  2. Update the sections highlighted in the image below.

    screenshot of code snippet from COVID-banner-widget.txt

    • Update header: Modify the bolded covidText content between the double quotes.

    • Update link: Modify the bolded covidLink content between the double quotes.

    • Update background, text, and link colors: Replace the related bolded hex codes

  3. Copy the entire snippet.

  4. Go to Modules & Settings > Design > Page Layouts, and click on the layout for your site. 

  5. Paste the snippet in the Script and Style Code box.

    COVID-PM.png
  6. Click Save This Layout on the bottom of the screen, and then Publish at the top of the screen.

  7. If you have more than one layout applied to pages on your site, such as an athletics layout, repeat steps 4-6 for any additional layouts.

If you experience any difficulties putting this into place, please submit a Support ticket. Our team would be happy to assist further.

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

Comments

0 comments

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