There is a problem with the service

Use the There is a problem with the service pattern from the GOV.UK Design System.

The GOV.UK Design System does not contain Welsh translations yet. These examples include recommended content in Welsh.

You need HMRC Frontend to use this pattern — find out how to install HMRC Frontend. If you use the HMRC Nunjucks macro, you must copy and paste the entire macro into your code.

General page

Open this example in a new tab Display in English Display in Welsh

HTML
Nunjucks

              <header class="hmrc-page-heading">
  <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
</header>

<p class="govuk-body">Try again later.</p>

<p class="govuk-body">We saved your answers. They will be available for 30 days.</p>

<p class="govuk-body">
  <a href="#" class="govuk-link">Contact the Tax Credits Helpline</a> if you need to make changes to your claim or speak to someone about your tax credits.
</p>

                <header class="hmrc-page-heading">
  <h1 class="govuk-heading-xl">Mae’n ddrwg gennym, mae problem gyda’r gwasanaeth</h1>
</header>

<p class="govuk-body">Rhowch gynnig arall arni yn nes ymlaen.</p>

<p class="govuk-body">Gwnaethom gadw’ch atebion. Byddant ar gael am 30 diwrnod.</p>

<p class="govuk-body">
  <a href="#" class="govuk-link">Cysylltwch â Gwasanaeth Cwsmeriaid Cymraeg CThEM</a> os oes angen i chi wneud newidiadau i’ch cais neu siarad â rhywun am eich credydau treth.
</p>

                {% from "hmrc/components/page-heading/macro.njk"  import hmrcPageHeading %}

{{ hmrcPageHeading({
  text: 'Sorry, there is a problem with the service'
}) }}

<p class="govuk-body">Try again later.</p>

<p class="govuk-body">We saved your answers. They will be available for 30 days.</p>

<p class="govuk-body">
  <a href="#" class="govuk-link">Contact the Tax Credits Helpline</a> if you need to make changes to your claim or speak to someone about your tax credits.
</p>

                  {% from "hmrc/components/page-heading/macro.njk"  import hmrcPageHeading %}

{{ hmrcPageHeading({
  text: 'Mae’n ddrwg gennym, mae problem gyda’r gwasanaeth'
}) }}

<p class="govuk-body">Rhowch gynnig arall arni yn nes ymlaen.</p>

<p class="govuk-body">Gwnaethom gadw’ch atebion. Byddant ar gael am 30 diwrnod.</p>

<p class="govuk-body">
  <a href="#" class="govuk-link">Cysylltwch â Gwasanaeth Cwsmeriaid Cymraeg CThEM</a> os oes angen i chi wneud newidiadau i’ch cais neu siarad â rhywun am eich credydau treth.
</p>

Service has offline support but no specific page that includes numbers and opening times

Open this example in a new tab Display in English Display in Welsh

HTML
Nunjucks

              <header class="hmrc-page-heading">
  <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
</header>

<p class="govuk-body">Try again later.</p>

<p class="govuk-body">
  We have not saved your answers. When the service is available, you will have to start again.
</p>

<p class="govuk-body">
  Contact the Tax Credits Helpline if you need to make changes to your claim or speak to someone about your tax credits.
</p>

<p class="govuk-body">
  Telephone:<br />
  <strong class="govuk-!-font-weight-bold">0345 300 3900</strong>
</p>

<p class="govuk-body">
  Textphone:<br />
  <strong class="govuk-!-font-weight-bold">0345 300 3909</strong>
</p>

<p class="govuk-body">
  Outside UK:<br />
  <strong class="govuk-!-font-weight-bold">+44 2890 538 192</strong>
</p>

<p class="govuk-body">
  Opening times:<br />
  <strong class="govuk-!-font-weight-bold">Monday to Friday: 8am to 8pm

  Saturday: 8am to 4pm<br/>
  Sunday: 9am to 5pm</strong>
</p>

<p class="govuk-body">
  Closed Easter Sunday, Christmas Day, Boxing Day and New Year’s Day.
</p>

                <header class="hmrc-page-heading">
  <h1 class="govuk-heading-xl">Mae’n ddrwg gennym, mae problem gyda’r gwasanaeth</h1>
</header>

<p class="govuk-body">Rhowch gynnig arall arni yn nes ymlaen.</p>

<p class="govuk-body">
  Nid ydym wedi cadw’ch atebion. Pan fydd y gwasanaeth ar gael, bydd yn rhaid i chi ddechrau eto.
</p>

<p class="govuk-body">
  Cysylltwch â Gwasanaeth Cwsmeriaid Cymraeg CThEM os oes angen i chi wneud newidiadau i’ch cais neu siarad â rhywun am eich credydau treth.
</p>

<p class="govuk-body">
  Ffôn:<br />
  <strong class="govuk-!-font-weight-bold">0300 200 1900</strong>
</p>

<p class="govuk-body">
  Ffôn testun (Saesneg yn unig):<br />
  <strong class="govuk-!-font-weight-bold">0345 300 3909</strong>
</p>

<p class="govuk-body">
  Y tu allan i’r DU:<br />
  <strong class="govuk-!-font-weight-bold">+44 300 200 1900</strong>
</p>

<p class="govuk-body">
  Oriau agor:<br />
  <strong class="govuk-!-font-weight-bold">Dydd Llun — Dydd Gwener: 08:30 — 17:30</strong>
</p>

<p class="govuk-body">
  Ar gau ar Ddydd Sul y Pasg, Dydd Nadolig, Gŵyl San Steffan a Dydd Calan.
</p>

                {% from "hmrc/components/page-heading/macro.njk"  import hmrcPageHeading %}

{{ hmrcPageHeading({
  text: 'Sorry, there is a problem with the service'
}) }}

<p class="govuk-body">Try again later.</p>

<p class="govuk-body">
  We have not saved your answers. When the service is available, you will have to start again.
</p>

<p class="govuk-body">
  Contact the Tax Credits Helpline if you need to make changes to your claim or speak to someone about your tax credits.
</p>

<p class="govuk-body">
  Telephone:<br/>
  <strong class="govuk-!-font-weight-bold">0345 300 3900</strong>
</p>

<p class="govuk-body">
  Textphone:<br/>
  <strong class="govuk-!-font-weight-bold">0345 300 3909</strong>
</p>

<p class="govuk-body">
  Outside UK:<br/>
  <strong class="govuk-!-font-weight-bold">+44 2890 538 192</strong>
</p>

<p class="govuk-body">
  Opening times:<br/>
  <strong class="govuk-!-font-weight-bold">Monday to Friday: 8am to 8pm

  Saturday: 8am to 4pm<br/>
  Sunday: 9am to 5pm</strong>
</p>

<p class="govuk-body">
  Closed Easter Sunday, Christmas Day, Boxing Day and New Year’s Day.
</p>

                  {% from "hmrc/components/page-heading/macro.njk"  import hmrcPageHeading %}

{{ hmrcPageHeading({
  text: 'Mae’n ddrwg gennym, mae problem gyda’r gwasanaeth'
}) }}

<p class="govuk-body">Rhowch gynnig arall arni yn nes ymlaen.</p>

<p class="govuk-body">
  Nid ydym wedi cadw’ch atebion. Pan fydd y gwasanaeth ar gael, bydd yn rhaid i chi ddechrau eto.
</p>

<p class="govuk-body">
  Cysylltwch â Gwasanaeth Cwsmeriaid Cymraeg CThEM os oes angen i chi wneud newidiadau i’ch cais neu siarad â rhywun am eich credydau treth.
</p>

<p class="govuk-body">
  Ffôn:<br/>
  <strong class="govuk-!-font-weight-bold">0300 200 1900</strong>
</p>

<p class="govuk-body">
  Ffôn testun (Saesneg yn unig):<br/>
  <strong class="govuk-!-font-weight-bold">0345 300 3909</strong>
</p>

<p class="govuk-body">
  Y tu allan i’r DU:<br/>
  <strong class="govuk-!-font-weight-bold">+44 300 200 1900</strong>
</p>

<p class="govuk-body">
  Oriau agor:<br/>
  <strong class="govuk-!-font-weight-bold">Dydd Llun — Dydd Gwener: 08:30 — 17:30</strong>
</p>

<p class="govuk-body">
  Ar gau ar Ddydd Sul y Pasg, Dydd Nadolig, Gŵyl San Steffan a Dydd Calan.
</p>

A link to another service

Open this example in a new tab Display in English Display in Welsh

HTML
Nunjucks

              <header class="hmrc-page-heading">
  <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
</header>

<p class="govuk-body">Try again later.</p>

<p class="govuk-body">
  You can <a class="govuk-link" href="#">change other VAT details</a>.
</p>

<p class="govuk-body">
  <a class="govuk-link" href="#">Contact the Income Tax Helpline</a> if you need to speak to someone about your tax calculation.
</p>

                <header class="hmrc-page-heading">
  <h1 class="govuk-heading-xl">Mae’n ddrwg gennym, mae problem gyda’r gwasanaeth</h1>
</header>

<p class="govuk-body">Rhowch gynnig arall arni yn nes ymlaen.</p>

<p class="govuk-body">
  Gallwch <a class="govuk-link" href="#">newid manylion TAW eraill</a>.
</p>

<p class="govuk-body">
  <a class="govuk-link" href="#">Cysylltwch â Gwasanaeth Cwsmeriaid Cymraeg CThEM</a> os oes angen i chi siarad â rhywun am eich cyfrifiad treth.
</p>

                {% from "hmrc/components/page-heading/macro.njk"  import hmrcPageHeading %}

{{ hmrcPageHeading({
  text: 'Sorry, there is a problem with the service'
}) }}

<p class="govuk-body">Try again later.</p>

<p class="govuk-body">
  You can <a class="govuk-link" href="#">change other VAT details</a>.
</p>

<p class="govuk-body">
  <a class="govuk-link" href="#">Contact the Income Tax Helpline</a> if you need to speak to someone about your tax calculation.
</p>

                  {% from "hmrc/components/page-heading/macro.njk"  import hmrcPageHeading %}

{{ hmrcPageHeading({
  text: 'Mae’n ddrwg gennym, mae problem gyda’r gwasanaeth'
}) }}

<p class="govuk-body">Rhowch gynnig arall arni yn nes ymlaen.</p>

<p class="govuk-body">
  Gallwch <a class="govuk-link" href="#">newid manylion TAW eraill</a>.
</p>

<p class="govuk-body">
  <a class="govuk-link" href="#">Cysylltwch â Gwasanaeth Cwsmeriaid Cymraeg CThEM</a> os oes angen i chi siarad â rhywun am eich cyfrifiad treth.
</p>