GetFeedback

The first step in collecting customer feedback with GetFeedback for Web is creating a feedback button.

To create a feedback button:

  1. Go to the Setup page in the Buttons & Forms menu. You can find the Buttons and Forms menu in the left navigation bar when you're logged in to GetFeedback at https://app.usabilla.com.
  2. On the Setup page, select Create new button in the top-right corner.
  3. Then, you’ll add a name, color, and shape for your button. If needed, you can change these settings later.
  4. (optional) Customize the Attention Grabber, Security Settings, and Advanced Settings.
  5. Select Generate and install to create your button.
  6. On the next page, you’ll find the code to install your button as well as a preview of your new button.
  7. To use your button, you’ll need to edit your feedback form by selecting Edit Form.

Now that your feedback button is created, you’ll create a feedback form. You have two options to choose from:

  • The default form is the GetFeedback provided feedback form shown once the customer clicks your feedback button.
  • A custom form can be used to override the default form on specific pages. Learn more about custom forms

There are 3 steps to create your button: 

  1. The Form Editor, where you can add questions to your survey. 
  2. The Intro Screen Editor, where you format the introduction screen when visitors click on the feedback button. 
  3. The Exit Screen Editor, where you format the exit screen visitors see after they give feedback.

The form editor lets you design your feedback form, with options to customize the form language, types of feedback your customers can leave and more. Scroll down to learn more about each option.

GetFeedback for Web supports 20+ languages. Selecting a language in the drop-down menu will set all the default text of the feedback form to that language.

Only default form questions are updated when you change the language. Custom questions aren't translated.

The Visual Feedback setting lets you choose which feedback your customers can leave through your form. There are 4 options:

  • Specific or Generic: Respondents can choose which type of feedback to leave.
  • Always Specific: Respondents always have to specify a part of your website they want to leave feedback about.
  • Always Generic: Respondents can't choose a specific site element to leave feedback about. This option removes the intro screen from your feedback form.
  • No visual feedback: When respondents leave feedback, no screenshots will be taken. Respondents can't choose a part of the page they want to leave feedback about. This option also removes the intro screen from your feedback form.
    If there's privacy-sensitive information on your web pages, this option ensures you don’t collect any sensitive information.

While editing your feedback form, you’ll see a preview in the center of the screen. The form may look slightly different after installation on your page.

At the top of the feedback form, you’ll find the mood rating question. This question gives you a direct insight your customers’ sentiment. This question is always the first in your form and can't be removed.

To use a star rating or like/dislike as the first question, contact your Customer Success Manager.

All other questions can be re-ordered using the drag icon. The drag icon can be identified by the hamburger icon on the side and a changed mouse cursor when you hover over it.

You can remove, or edit all elements by hovering over them and clicking the remove/edit buttons. The edit button is indicated with an “edit” label and the delete button is indicated with a trash can icon. All elements have different editing options. You can find a detailed description of all form elements in our other Support Articles.

From the ‘Form Controls’ menu on the left, you can add new elements to your form.

We recommend you add no more than 3 questions in your feedback form. Having fewer questions will increase the amount of feedback you’ll receive. Getting too much feedback? Add additional questions to filter responses.

Next, we have a special element that you can add to your feedback form. The ‘Conditional Forms drop-down’.

This drop-down element allows you to ask your visitor to specify the type of feedback that they’re leaving, and show them alternative follow-up questions based on their answer. Learn more

Theme
The ‘Theme’ drop-down allows you to select the look of your feedback form. By default, there are two themes (Default and Star Rating). If you have a custom theme it will be shown in this drop-down. Don’t have a customized theme yet? Get in touch with your Customer Success Manager to discuss the options or request one straight away using our request form.
Logo (legacy)
The ‘Logo’ drop-down allows you to select a logo that will be displayed as a ‘drag handle’ on the top of your feedback form. By default, only the GetFeedback Digital logo is available’. If you have a custom logo, it will be shown in this drop-down.
Copy Feedback Form
The ‘Copy feedback form’ menu can be used to copy the elements from an existing feedback form to the one you’re editing now. This is especially handy when using multiple feedback buttons.
Labels
In the ‘Labels’ field, you can set up specific labels that will be automatically attached to all the feedback items that are left through this form.
Privacy
The ‘Show Privacy Info’ option allows you to add a link to your privacy statement or add some text that will be displayed when the customer moves his mouse pointer over the “privacy info” link.

Now that you’re finished with setting up your feedback form, click ‘next’ to edit the Intro screen.

The intro screen is displays when visitors select the Feedback Button.

The intro screen is only shown when:

  • Your customers can leave specific or generic feedback
  • Your customers can only leave specific feedback

Both of these options have different intro screens.

Select Edit in the top right of your form to edit it. You can edit the following options:

  • Mouse start: This is the text your customer sees when they're asked to select a specific part of the website to give feedback (on desktop)
  • Touch start: This is the text your customer sees when they're asked to select a specific part of the website to give feedback (on mobile)
  • Title: adds a title to your intro screen
  • Subtitle: Adds a subtitle to your intro screen
  • Specific title: Changes the title of the ‘specific feedback’ option
  • Specific text: Changes the description of ‘specific feedback’
  • Generic title: Changes the title of the ‘generic feedback’ option
  • Generic text: Changes the description of ‘generic feedback’
  • Add custom option: This adds a third button to your intro screen which you can use to redirect visitors to a different part of your website (e.g. your contact page)

The editing options allow you to change all the text on this page. When you're ready, select Next to go to the Exit Screen.

Select Edit to change the text on your exit screen. In this menu, you can change options like Title, Text, "Show more feedback button", and the Continue Browsing Text. After making your changes, select Save.

Select Preview to see the button as it will appear on your site.

TIP! Select the feedback button to preview it on your website. Then, test it out by submitting it.

The custom Button Creator tool is only available to power users.

Yes! The Button Creator allows you to upload a .png image as a button. This means you can design a button any way you’d like.

To upload a custom button:

  1. In app.usabilla.com, go to Buttons & Forms, then select Setup.
  2. Select Create a New Button.
  3. In the banner at the top, select Go to Button Editor.

Create a .png image for your button and upload it using our Button Creator tool. After uploading, you can specify where the button should be positioned on your web page and adjust the size as needed. We recommend that you upload an image that is twice the size you need. That way you'll be able to downscale it to support high-resolution retina screens.

Once you are sure your button looks the way you want it to and hit save, you will land on a page with both standard GetFeedback Digital buttons and your own custom buttons. Your newly created button will be under Custom Buttons. 

To edit or delete your custom button, contact your Customer Success Manager. 

Use a .png image under 2MB. 

The option downscale image by 50% (retina support) to ensure quality images on high-resolution screens. Without downscaling, the button may look pixelated on high-resolution retina screens.