Only our Business and Scale plans allow for color customization of Surveys and Incoming Feedback
Customizing the color of Surveys and Incoming Feedback is not available on Basic or Plus. Visit our Hotjar Plans article to find out more about what's included in each plan.
Want to listen to the guide instead?
Press play for an audio version of this guide. Click here to open up your Incoming Feedback dashboard to follow along as you set up your Feedback widget.
In your Incoming Feedback dashboard, click on New feedback widget.
Name your Incoming Feedback widget.
You can also add a description (optional). The description won't be visible to your users, but it will be visible to team members within your Hotjar dashboard.
The language selected here only affects the components of the widget which are not customizable. This includes the rating labels, input placeholder text, and Send or Skip buttons. All customizable text in the widget will need to be manually written in your desired language.
Hotjar does not auto-translate text when the survey is published. Each survey can only be set to appear in one language translation.
If you select the middle left or the middle right the widget will be more compact, and no welcome text will be shown. The label will reflect your language choice.
Custom placement of the widget other than what is in the drop-down menu is not available at this time.
Accent color controls the appearance of the widget and other elements on your site. You may want to customize it to match the colors or theme in use on your site or choose a color to make it stand out.
For the Accent Color, either click to select from a color picker or paste the hexadecimal color code directly into the box.
The Alternate Color allows you to customize the color of contrasting elements in the widget.
Choosing to hide the branding, customize color, and change the Reaction Style of the emojis is currently only available on our Business and Scale plans.
For more information on our Business plans, check out our Business Plan Breakdown article.
Customize the messages shown to your users.
In the Steps section, you'll be able to customize the messages and prompts that display to your users as they interact with the widget. These options include the following:
- Emotion: Customize the text that appears above the emoticons and choose to automatically include a screenshot with the user's feedback with every response. When disabled, no screenshots will be captured unless the user specifically selects an element for their screenshot.
- Email request: Customize the text that prompts a user to share their email address. This can be enabled or disabled.
- Display additional message: Customize the text that appears in the footer of the widget. This can be enabled or disabled.
- Thank you message: Customize the text that appears when the user has submitted their feedback. Beneath the Thank you message are options to Connect Feedback Responses to Recordings
The invitation message will not be present if the widget is placed in the middle
If you want to show an invitation message place the widget on the bottom left or bottom right.
Setup page targeting.
You have the option to choose which particular devices or specific pages on your site the widget appears.
If you opt to show the Incoming Feedback on pages you specify, you have a number of customizable targeting options as described in detail here. These include:
- Simple URL match
- Exact URL match
- URL starts with
- URL ends with
- URL contains
- URL regular expression
You can also add multiple negative targeting rules to limit the pages where the Incoming Feedback is shown. The widget will not be shown on any page that matches these rules.
Those on a paid plan have the option to only show the Incoming Feedback widget to a percentage of users. This can be helpful to control responses from high traffic sites.
Can I use the % targeting for A/B testing?
The "% of users that will be asked for feedback" configuration on a Feedback widget will have no impact or association with the "% of users" configuration on another widget. This is true, even if both widgets are targeting the same page URL. Because of this, the "% of users" feature will not work for A/B testing.
Add an email for Forward feedback.
If you have opted to collect emails from users giving feedback, feedback messages can be forwarded to an inbox when users provide an email address. This allows you to receive this feedback directly, and respond back to the user.
Forward Feedback directly to Slack!
If you're on a Hotjar Business or Scale plan, you can enable The Hotjar Slack Integration to push Incoming Feedback responses directly to a channel in your organization's Slack workspace.
Activate your Incoming Feedback.
You can set up multiple instances of Incoming Feedback across different pages of your site
This might come in handy if you want to display the Incoming Feedback widget in different styles across different page types, or if you have a website that offers content in more than one language and want to talk to your audiences in their native language.
Check out our Troubleshooting FAQs for Feedback Widgets article if you encounter any problems.