Feedback

Trial

This component is being developed and may change as we improve it. Read more about the lifecycle of our components.

Read these sections to see why this component is in trial:

Ask users to give feedback about their experience using your service.

Open this example in a new tab: feedback
HTML
<div class="govuk-feedback govuk-width-container">
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
      <h2 class="govuk-feedback__title">
        Help us improve this service
      </h2>
      <div class="govuk-feedback__body">
        <p class="govuk-body">
          Tell us about your experience using this service. <a href="#" class="govuk-link">Give us your feedback</a>
        </p>
      </div>
    </div>
  </div>
</div>
Nunjucks
Nunjucks macro options

Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.

Some options are required for the macro to work; these are marked as “Required” in the option description. Deprecated options are marked as “Deprecated”.

If you’re using Nunjucks macros in production with “html” options, or ones ending with “html”, you must sanitise the HTML to protect against cross-site scripting exploits.

Primary options
Name Type Description
titleText string Required. Text to use within the title of the Feedback component. If titleHtml is provided, the titleText option will be ignored.
titleHtml string Required. HTML to use within the title of the Feedback component. If titleHtml is provided, the titleText option will be ignored.
headingLevel integer Heading level, from 1 to 6. Default is 2.
text string Required. Text to use within the Feedback component content. If html is provided, the text option will be ignored.
html string Required. HTML to use within the Feedback component content. If html is provided, the text option will be ignored.
caller nunjucks-block Not strictly a parameter but a Nunjucks code convention. Using a call block lets you call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you’ll need to wrap the entire Feedback component in a call block.
classes string Classes to add to the Feedback component container.
attributes object HTML attributes (for example, data attributes) to add to the Feedback component container. 
{% from "govuk/components/feedback/macro.njk" import govukFeedback %}

{% call govukFeedback({
  titleText: "Help us improve this service"
}) %}
  <p class="govuk-body">
    Tell us about your experience using this service. <a href="#" class="govuk-link">Give us your feedback</a>
  </p>
{% endcall %}

When to use this component

Use the Feedback component to give users the opportunity to give feedback at any point in their journey. This helps you gather a wide range of feedback to understand how well your service performs and improvements you can make.

How it works

Show the Feedback component on as many pages of your service as you can.

The component is designed to allow users to give feedback at any time without distracting them.

Ask for feedback at the end of each page

Place the Feedback component just before the GOV.UK footer component.

If your service is using Nunjucks, you can use the GOV.UK Frontend page template to add the Feedback component by placing it in the footerStart template block.

Asking users for feedback

The heading and message in the Feedback component should tell users:

  • why you want feedback
  • what you’ll do with their feedback

Also try to give users some idea about:

  • how long it’ll take to give feedback
  • the difference between giving feedback and asking for support

You must include a link to a feedback page, which could be either:

Research on this component

During design exploration for this component, desk research suggested that services struggled to get enough feedback from users using a previous version of this component.

This version separates the feedback link from the Phase banner component.

We’ve released this Feedback component in trial status as we want to understand whether:

  • moving the feedback link from the phase banner increases the amount of feedback services receive
  • placing the feedback link its own dedicated location helps users know where to provide feedback when they need to, by overcoming potential ‘banner blindness’ of the phase banner.

Until we have enough evidence that these needs are being met, the component will remain in trial.

We thank the service teams across government who worked with us in the early stages of this component to measure its effectiveness.

We’d also like to thank the GOV.UK Forms team for helping us build this component.

Help improve this component

Trial

In August 2026 we moved Feedback to trial status so we can learn how well it works for services.

See the information we're looking for and how you can help move this component into stable status:

Tell us how well Feedback works in your service

You can also:

Need help?

If you’ve got a question about the GOV.UK Design System, contact the team.