Last reviewed: 14 April 2021

Components

Success notification

Use the success notification to inform the user that an action they have taken within a service is complete.

Guidelines

Success notifications tell a user that they have completed a step in a process but that there is something else they need to do.

If the user has reached the end of a process you should provide a success page.

Example

You are nearly signed up - just confirm your email address

To confirm your subscription, click the link in the email we’ve sent you.

Success notification used to inform a user that they have signed up and that a second step is required to confirm their subscription.

Required elements

Title

The title should clearly state that the action was successful and what the next step is.

Text

Use a brief line of text, preferably a single sentence, to provide more information.

This could be asking them to check their emails for a confirmation link.

Optional elements

Link

If you use a link it should direct the user to an action they need to take to complete the process.

If you are using a link you can also make the whole notification into a clickable link. Make sure that any text link you include and this link go to the same place.

Changelog for this page

Date Notes
14 April 2021 First version of page published

Get support

Co-op Digital colleagues can get support in our dedicated Slack channel:

#experience-library-support

Sign up for email updates

Get updates about changes and developments.

Sign up

Copyright © Co-operative Group Limited. All rights reserved.