Result page
Let users know that they’ve completed a form, application, or task and tell them what to do next.
Result page
View in FigmaYou have completed the application
You will receive a copy of the confirmation to the email name@email.com
Your reference number is: 1234ABC
What happens next
We’ve sent your application to service name. They will contact you to confirm your registration.
You can now close this window.
What did you think of this service? Give feedback
If you have questions about your application
Contact the [ministry area].
Email: information@gov.ab.ca
Phone: 780 123 4567
.page-header h2 {
margin-top: 0;
margin-bottom: 0;
}<GoABlock direction="column" gap="none">
<div className="page-header">
<h2>You have completed the application</h2>
<GoACallout type="success" heading="Application submitted" mt="xl" mb="2xl">
<p>You will receive a copy of the confirmation to the email name@email.com</p>
<p><span>Your reference number is: </span><strong>1234ABC</strong></p>
</GoACallout>
<h3>What happens next</h3>
</div>
<p>We’ve sent your application to service name. They will contact you to confirm your registration.</p>
<p>You can now close this window.</p>
<p><span>What did you think of this service? </span><a href="#">Give feedback</a></p>
<h3>If you have questions about your application</h3>
<p>Contact the [ministry area].</p>
<p><span>Email: </span><a href="mailto:information@gov.ab.ca">information@gov.ab.ca</a></p>
<p><span>Phone: </span><a href="tel:780 123 4567">780 123 4567</a></p>
</GoABlock>Overview
When to use a results page
Use a results page when a user has submitted a form, application, or task, and there is a result to show them.
What content to include
- details of what happens next, and when
- a reference number (if applicable)
- a link to save a record of the confirmation, for examples as a PDF
- link to give feedback
- contact details for the service
- links to information or services that users are likely to need next
Book time in drop in hours