Pages

Page not found pages

Tell users we cannot find the page they were trying to view. They are also known as 404 pages.

When to use

Use a page not found page if someone is trying to view a page that does not exist.

How to use

In the native NHS App, this error only happens if someone selects a button or link leading to a page that does not exist. It means we need to fix the link.

Open this example (Page not found) in a new tab 
<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-two-thirds">
    <h1 class="nhsuk-u-margin-bottom-5">Page not found</h1>

<p>
We'll fix this link as soon as possible. Try again later or use a
different service.
</p>


<p>
For urgent medical advice, use
<a href="https://111.nhs.uk/">111 online</a> or
<a href="tel: 111">call 111</a>.
</p>
</div>
</div>


<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-two-thirds">

    <h1 class="nhsuk-u-margin-bottom-5">Page not found</h1>

    <p>We'll fix this link as soon as possible. Try again later or use a different service.</p>

    <p>For urgent medical advice, use <a href="https://111.nhs.uk/">111 online</a> or <a href="tel: 111">call 111</a>.</p>

  </div>
</div>

If someone is accessing NHS App services in a web browser, this error can also happen if they:

  • type or copy a web address for a page that does not exist
  • type or copy a web address incorrectly
Open this example (Page not found - web) in a new tab 
<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-two-thirds">
    <h1 class="nhsuk-u-margin-bottom-5">Page not found</h1>

<p>If you typed the web address, check it was correct.</p>


<p>If you pasted the web address, check you copied the entire address.</p>


<p>
Otherwise, this may be a broken link that we will fix as soon as possible.
Try again later or use a different service.
</p>


<p>
For urgent medical advice, use
<a href="https://111.nhs.uk/">111 online</a> or
<a href="tel: 111">call 111</a>.
</p>
</div>
</div>


<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-two-thirds">

    <h1 class="nhsuk-u-margin-bottom-5">Page not found</h1>

    <p>If you typed the web address, check it was correct.</p>

    <p>If you pasted the web address, check you copied the entire address.</p>

    <p>Otherwise, this may be a broken link that we will fix as soon as possible. Try again later or use a different service.</p>

    <p>For urgent medical advice, use <a href="https://111.nhs.uk/">111 online</a> or <a href="tel: 111">call 111</a>.</p>

  </div>
</div>

The page should have:

  • ‘Page not found – NHS App’ as the page title
  • ‘Page not found’ as the H1
  • details of how to get urgent medical advice

Help improve this pattern

To help make sure that this page is useful, relevant and up to date, you can:

You can also share feedback with us on Slack.