Website alerts are great for conveying important information to your users quickly. The Quant Dashboard provides a simple editor for creating sitewide banner alerts that show on web page of your site. In this post, we’ll discuss why you might want to use a sitewide alert and how to add one within the Dashboard.
Quant alert on top of Drupal Umami demo site
What are sitewide alerts?
A sitewide alert or banner alert is a message shown on every page of a website to communicate urgent or time-sensitive information to the site’s visitors. Usually, these alerts are displayed at the top of the page and have bright or eye-catching colors or icons to set them apart from the rest of the design and draw attention to the alert message. For better readability, it’s also good to keep alert messages clear and concise and link off to additional information as needed.
Why use sitewide alerts?
Sitewide alerts are useful for many situations. Often they are used to notify website users of important news and announcements, but you can use them for anything that you want to be displayed on the top of every web page. Some examples include:
- Special promotions
- Upcoming events
- Breaking news
- Product launches
- Site maintenance
- Policy changes
- Beta site status
- Emergency alerts
Using the Alert editor
The Quant Dashboard has many features available to you. The Alert editor feature lets you create a sitewide banner alert that will be displayed on every page of your website. You can also customize your alert so it works with your site’s look-and-feel while still drawing the user’s attention to the alert message.
Quant Alert editor form
Enabled: You can toggle the alert on and off as needed. You can leave the rest of the fields filled in and disable the alert in case you want to use the alert later or reuse part of it.
Alert title: Shown above the alert body text in larger font. It’s good to be clear and concise. Markup is not allowed. The title is optional, but it’s expected you will use the title and/or the body.
Additional CSS: Inline CSS for styling your alert if needed. This is optional. Work with your web developer to get this. We’ll have a follow-up post soon outlining how to override the default alert styling.
Default alert styling
By default, you’ll get white text on an orange background. This is easy to override with the Additional CSS field. We’ll follow up soon with another blog post showing how to do this.
Quant Alert editor form with title and body filled in
Quant alert on top of Drupal Umami demo site using default styling
If you have any questions or have suggestions for making the Alerts editor feature more useful, contact us and let’s talk!