Districts can display a full-width announcement banner across all domain headers by pasting a customized code snippet into the Composer Theme's External Assets field. For a faster no-code option, Page Pops display a dismissible alert across all selected pages on any device.
💡Quick answers
- What is the quickest way to display urgent information across all domains? Use a Page Pop; it appears across all selected pages on desktop, tablet, and mobile, and users must interact with it before doing anything else on the page.
- Where do you paste the announcement banner code in Composer? In the Themes section, click the site theme, then paste the code snippet into the External Assets field and click Update to apply it to all pages using that theme.
- Can the banner text and link be customized before pasting? Yes; download the provided code snippet and update the covidText and covidLink values before pasting it into the theme.
- What should you check if the banner doesn't display properly on a fixed-header site? Submit a Support request; sticky or fixed headers may require adjustments by the Finalsite team to display the banner correctly.
Sometimes, it is helpful for districts to be able to add a full-width page banner to the headers of all of their included domains to aid in communication of an important or crucial moment.
In this article
- Quick solution: display a page pop
- Prepare the code configuration
- Add customized banner to every domain in your site
This article outlines the options available for districts wishing to display this important information on all domains' headers within your platform all at once.
Quick solution: display a page pop
For a quick solution, page pops is an available software feature that would allow you to display your information in the headers and link from there to a more centralized location page or 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.
Prepare the code configuration
You may want to add a full-width banner to display in your header. Here are the instructions for preparing the code to then customize and insert onto your sites.Â
The text file attached to this article includes a snippet of code 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, you can also update the link to point to a specific page.
Paste the code into your theme, click save, and the banner will be added to all pages where that theme is applied.
Important Notes
- This uses the same code as a COVID or emergency banner you may already have, and they may not display properly together.
- 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.
Add customized banner to every domain in your site
Use the following instructions to add a customized version of this banner to your Composer site.
-
Download the example banner (attached below).
-
Update the sections highlighted in the following image.
-
Update header: Modify the bolded covidText content between the double quotes.
-
Update link: Modify the bolded covidLink content between the double quotes.
-
-
Copy the entire snippet.
-
Go to the Themes section of your Composer navigation, and click on the theme for your site.
-
Paste the snippet in the External Assets box. You may need to expand the box by dragging the handle in the bottom-right corner.
-
Click Update in the bottom-right corner of the screen.
-
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.
Comments
Please Sign in to leave a comment if you don't see the comment box below.