Customize how users leave feedback about your documentation content with the feedback
option. By default, the feedback
sentiment form displays at the bottom of all Markdown and API reference pages, but you can customize or hide it.
The default configuration includes an email field for anonymous users to provide their email with the feedback. The optional email input field is not displayed for logged-in users.
Redocly's feedback system includes:
- Page feedback forms at the bottom of Markdown and API reference pages
- Code snippet report icons next to copy buttons in code examples
- Feedback data collection viewable in your project dashboard
Choose from five feedback form types:
Default form type - Thumbs up/down icons for positive or negative reactions.
The feedback
option also supports page-level configuration using front matter.
Option | Type | Description |
---|---|---|
hide | boolean | Hides the feedback form. Default: false |
type | string | Sets the feedback form type. Possible values: sentiment , rating , comment , mood , scale . Default: sentiment |
settings | Settings object | Contains specific settings for each feedback form type. |
Option | Type | Description |
---|---|---|
label | string | Text displayed with the feedback form. Default depends on the feedback form type. Default for Default for |
submitText | string | Text displayed when users submit the feedback form. Default for Default for |
comment | Comment object | Settings for a comment form that displays after users submit initial feedback. Not applicable for the comment feedback form type. |
reasons | Reasons object | Settings for a reasons form that displays after users submit initial feedback. Not applicable for the comment feedback form type. |
leftScaleLabel | string | Label for the left-hand side of the scale explaining what lower numbers mean. Applicable only for the scale feedback form type. Default: "Not helpful at all" |
rightScaleLabel | string | Label for the right-hand side of the scale explaining what higher numbers mean. Applicable only for the scale feedback form type. Default: "Extremely helpful" |
optionalEmail | Settings for the optional email input field in the feedback form. Collects email addresses from anonymous users for follow-up information. For logged-in users, feedback forms automatically collect email addresses as part of the user data. Applicable to all types of feedback forms. |
Option | Type | Description |
---|---|---|
hide | boolean | Enables or disables the comment option. Default: false . |
label | string | Text displayed with the comment feedback form field. Applicable only for the rating and scale feedback form type. Default: "Share your feedback with us." |
likeLabel | string | Text displayed with the comment form when users select the like icon. Applicable only for the sentiment feedback form type. Default: "What was most helpful?" |
dislikeLabel | string | Text displayed with the comment form when users select the dislike icon. Applicable only for the sentiment feedback form type. Default: "What can we improve?" |
satisfiedLabel | string | Text displayed with the mood form when users select the satisfied icon. Applicable only for the mood feedback form type. Default: "What was most helpful?" |
neutralLabel | string | Text displayed with the mood form when users select the neutral icon. Applicable only for the mood feedback form type. Default: "What can we improve?" |
dissatisfiedLabel | string | Text displayed with the mood form when users select the dissatisfied icon. Applicable only for the mood feedback form type. Default: "What can we improve?" |
Option | Type | Description |
---|---|---|
hide | boolean | Enables or disables the reasons option. Default: false . |
label | string | Text displayed with the reasons feedback form. For sentiment and mood , this label applies to every reaction-specific configuration as the default. Default: "Which statement describes your thoughts about this page?" |
component | string | Sets the component type to multiple-choice checkboxes or single-choice radio buttons. Possible values: checkbox , radio . Default: checkbox . For sentiment and mood , this component applies to every reaction-specific configuration as the default. |
items | [string] | List of choices in the feedback form. For example, "Content was accurate" or "Content was confusing". For sentiment and mood , these items are included in every reaction-specific configuration as defaults. |
like | Value specific reasons object | Settings for reasons displayed when users select the like icon. Applicable only for the sentiment feedback form. |
dislike | Value specific reasons object | Settings for reasons displayed when users select the dislike icon. Applicable only for the sentiment feedback form. |
satisfied | Value specific reasons object | Settings for reasons displayed when users select the satisfied icon. Applicable only for the mood feedback form. |
neutral | Value specific reasons object | Settings for reasons displayed when users select the neutral icon. Applicable only for the mood feedback form. |
dissatisfied | Value specific reasons object | Settings for reasons displayed when users select the dissatisfied icon. Applicable only for the mood feedback form. |
Option | Type | Description |
---|---|---|
hide | boolean | Hides the optional email input. Setting to true removes the input. Default: false . |
label | string | Text displayed with the optional email input. Default: "Your email (optional, for follow-up)". |
placeholder | string | Placeholder text for the optional email input. Default: "yourname@example.com". |
Option | Type | Description |
---|---|---|
hide | boolean | Enables or disables the reasons option for a specific feedback value. Overrides the main Reasons object hide option. Uses the Reasons object hide option if not specified. Default: false . |
label | string | Text displayed with the reasons form for a specific feedback value. Overrides the main Reasons object label option. Uses the Reasons object label option if not specified. Default: "Which statement describes your thoughts about this page?" |
component | string | Sets the component type to multiple-choice checkboxes or single-choice radio buttons. Possible values: checkbox , radio . Overrides the main Reasons object component option. Uses the Reasons object component option if not specified. Default: checkbox . |
items | [string] | List of choices in the feedback form for a specific feedback value. Merged with the Reasons settings items option. For example, "Content was accurate" or "Content was confusing". |
Configure feedback globally in your redocly.yaml
file or for individual pages using front matter.
Configure feedback for all pages in your project:
feedback:
type: sentiment
settings:
label: Was this helpful?
submitText: Thanks for your feedback!
Configure feedback specifically for API reference documentation:
OpenAPI:
openapi:
feedback:
type: rating
settings:
label: Rate this API endpoint
GraphQL:
graphql:
feedback:
type: comment
settings:
label: Tell us about your experience with this schema
Override global settings for individual pages using front matter:
---
feedback:
type: scale
settings:
label: How useful was this guide?
leftScaleLabel: Not useful
rightScaleLabel: Very useful
---
Front matter configurations take precedence over global settings, but inherit unspecified options from global configuration.
Hide feedback forms globally or for specific content types:
Hide on all pages:
feedback:
hide: true
Hide on API reference only:
openapi:
feedback:
hide: true
Add additional questions after users submit initial feedback using reasons
and comment
options.
Collect structured follow-up feedback:
feedback:
settings:
reasons:
component: radio # or "checkbox" for multiple selection
label: What made this helpful?
items:
- Clear explanations
- Good examples
- Comprehensive coverage
Collect free-form follow-up feedback:
feedback:
settings:
comment:
label: Tell us more about your experience
Configure different follow-up questions based on user's initial reaction (for sentiment
and mood
forms):
feedback:
type: sentiment
settings:
reasons:
like:
label: What did you find most helpful?
items:
- Clear examples
- Step-by-step instructions
dislike:
label: What can we improve?
items:
- Add more examples
- Clarify instructions
comment:
likeLabel: What was most helpful?
dislikeLabel: What can we improve?
Feedback data is collected and viewable in your project dashboard under the Feedback tab.
The Page feedback tab shows:
- Page: File path where feedback was submitted
- User: Email address (for logged-in users) or "Anonymous"
- Value: The feedback rating/reaction submitted
- Message: Any comment text provided
- Date: When feedback was submitted
- Status: New, Archived, or Spam
The Code reports tab shows feedback from code snippet report buttons:
- Page: File path containing the code snippet
- Location: Specific code snippet where issue was reported
- User: Email address or "Anonymous"
- Message: Description of the reported issue
- Date: When report was submitted
Download feedback data as CSV for analysis:
- Select Export in the feedback dashboard
- Choose date range
- Download CSV file with all feedback data
Localize feedback form text with translations.yaml
files. Don't set text values in redocly.yaml
when using translations, as redocly.yaml
settings override translation files.
feedback:
type: sentiment
settings:
label: Was this page helpful?
submitText: Thanks for your feedback!
reasons:
component: radio
like:
label: What made this page helpful?
items:
- The content has great examples.
- Clear step-by-step instructions
dislike:
label: What should we improve?
items:
- The content lacks practical examples.
- Instructions are unclear
comment:
likeLabel: What was most helpful?
dislikeLabel: What can we improve?
feedback:
type: mood
settings:
label: How did this page make you feel?
submitText: Thanks for your feedback!
reasons:
satisfied:
label: What worked well?
items:
- The content was accurate
- Easy to follow instructions
neutral:
label: What could be better?
items:
- More examples needed
- Unclear in some places
dissatisfied:
label: What went wrong?
items:
- Content was hard to find
- Instructions didn't work
feedback:
type: scale
settings:
label: How helpful was this page?
submitText: Thanks for your feedback!
leftScaleLabel: Not helpful
rightScaleLabel: Very helpful
feedback:
type: rating
settings:
label: Rate this page
submitText: Thank you for your rating!
feedback:
type: comment
settings:
label: Share your experience with this page
submitText: Your comment has been sent to our team!
feedback:
settings:
optionalEmail:
label: Email address for follow-up
placeholder: yourname@example.com
- CodeSnippet configuration - Customize code snippet report buttons for collecting feedback on technical documentation and examples
- GraphQL feedback - Configure feedback collection specifically for GraphQL reference documentation and schema exploration
- Front matter configuration - Configure feedback settings on individual pages using front matter for granular control
- Configuration options - Explore other project configuration options for comprehensive documentation customization