Sign up
The sign up pattern provides a consistent layout direction to display sign up forms on pages to help consumers recognize they are signing up for communications from uhc.com. Each sign up form is usually a unique component within AEM.
When to use
- When there is a communication available for a consumer to sign up for
When not to use
- Do not use in the global header or footer
Anatomy
- Content: a heading is required while additional copy is optional
- Input fields: at a minimum should have a field to enter for either email address or phone number but can add additional fields for other data points that are needed
- Button: required to be able to submit data to endpoint
- Container: flexible to fit where needed with option for white, bright blue 10% or gray 2 background colors
Demos & variations
Within page content
Example found on the landing page for ACA marketplace plans.
Right rail on article pages
Example found on Medicare Made Clear articles.
Full width banner on landing pages
Example found on the landing page for Newsroom articles.
Success state
After a form is submitted show confirmation message within proximity of where the form had been.
Error validation
onBlur error validation that shows after a user interacts and leaves a field whether they’ve left a required field blank or entered something incorrectly.
API error
For a server call error after trying to submit the form.
