Universal Messaging Bar (UMB)


General Considerations

The purpose of a UMB promotion is to display 1-2 globally visible messages
to website shoppers. Messages should be short with a clear call to action. Messages should be global & useful for all website users.

Guidelines

Type Specifications
Default to Arial Regular
Urgency message – Arial, Bold
CTA should be underlined
Desktop size – 13px
Mobile size – 11px

Background Color
Default – Crossover Gray, #333333
Shipping Promotion – Blue, #008fdb


UMB Structure

Urgency Message with Countdown Timer
Main message. Use Code: XXXXXX Details

Character Count and Maximum Message
1 line of text – 54 characters (including CTA & spaces)
2 lines of text – 107 charcters (including CTA & spaces)
Example:
Last Chance – XX:XX:XX
FREE SHIPPING on all orders over $30. Use Code: XXXXXX Details

Shipping Message
If there is a shipping message, lead with it, bold everything up to “shipping”, put it in all caps.

Examples:
FREE SHIPPING on all full-priced shoes over $30.
$7 FLAT-RATE SHIPPING on all sale orders.

 

Placements

Desktop/Tablet

Mobile

 

Examples

Default

Desktop/Tablet

Mobile

 
 

Shipping Promotion

Desktop/Tablet

Mobile

 
 

Countdown Timer

Desktop/Tablet

Mobile