System messages offer a great way to communicate things like welcome notes, links to user guides or brand guidelines, quick instructions on how to perform an action within the site, your contact information, and more! You can even display more than one message and choose to display messages for all user roles or for only select user roles.


As the Widen Collective admin, you can create system messages in the Admin app and edit them in the app or on the Dashboard itself. Messages can be in plain text format, or you can work with your design team to create messages that are customized (e.g., for branding, with a specific logo or image) using HTML or a combination of text and HTML.


System messages are designed to display best using HTML code with inline CSS. When you enter a hard return in a message, it's automatically changed to a line break (<br>) so that anyone without an HTML coding background can write plain text with hard returns to establish spacing. Therefore, anyone with an HTML coding background should be mindful to avoid using hard returns in their code; otherwise, the system message will display with many extra unwanted line breaks. There's not an area in the Collective for you to add your own CSS classes, so a best practice is to code all styling as inline elements.


Create text format messages

Text format messages allow you to quickly describe or explain things about the site to your users. To create text format messages:

  1. Go to the Admin app.
  2. Click System Messages under Global Settings in the left navigation.
  3. Click Create System Message.
  4. Enter a title and text for the message, choose a release and expiration date (if applicable), whether or not the message should be displayed for users, and the apps the message applies to.
  5. Click Create.
  6. Select the appropriate roles that will see the message.
  7. Click Return to System Messages.

Here's what a text format message looks like.


Create custom system messages

Messages can also be customized using HTML or a combination of text and HMTL. We recommend that you work with your design team to create a file that includes that combination. To correctly display, files should be under 350 KB in size with a 75% compression. Files that are 2,000 x 600 px in size will give you the best resolution. Save native files (AI, PSD, etc.), then upload them to the Collective.


After upload, create a custom embed code for the asset. When you create the custom code, select Fixed Width (don't worry about the height) and set that to 1,000 px. Save the embed code, then follow the steps above for creating a text format message; however, instead of indicating text in the Message area, copy the embed code for the asset that was uploaded and paste that into the Dashboard message. You can grab the embed code from the Share button.


Contact your customer experience manager for help with creating custom system messages.


Note: If you use a custom system message with HTML we provided, the HTML was created to give you a template in which to place your own embed code. We no longer offer design services for system messages. If you'd like to further customize the message with elements other than text or embed codes, we recommend that you work with your design team.



Edit system messages

Edit system messages from the Dashboard by hovering over the message and clicking the pencil icon.



To edit system messages from the Admin app:
  1. Click System Messages under Global Settings in the left navigation.
  2. Click Edit.
  3. Update the fields for the title, message, release and expiration dates (if applicable), whether or not the message should be enabled for users, and the apps the message applies to.
  4. Click Update.


Edit permissions

You can edit the user roles that see messages anytime you need. To edit permissions for system messages:

  1. Go to the Admin app.
  2. Click System Messages under Global Settings in the left navigation.
  3. Click Edit Permissions for a message, then select and deselect the roles that can see it.
  4. Click Return to System Messages.