The Usabilla for Apps feedback form can be created in the Usabilla interface. The customizable elements are the questions, colors, the App Store redirect and wordings of the various buttons and elements in your website. In this article, we will create a new Usabilla for Apps feedback form from scratch, taking you through all options.
We'll start on the Usabilla for Apps setup page to create our new feedback form. Click "New Form" on the top-right to open the form editor. We will first change the name and settings of your form.
At the top-left of your form, you will find the text "New untitled app" – the current name of your form. Click the name to change your form name. An overlay will appear in which you can edit your form's name.
1. Form settings
After changing the name of the form, it's time to dive into the advanced settings. Click the "Advanced" button at the top-right of the editor to open the following modal window. We can break the advanced settings down to three topics; general settings, text settings, and color settings.
Here, you will find four switches that allow you to change the following settings:
- Screenshot – Activate the possibility to add a screenshot to the form.
- Progress bar – Add a progress bar at the top of the page.
- Store IP address – Store the IP address of each user leaving feedback and add it to each feedback item
- App Store re-direct – Direct users that select one of the two most positive mood rating elements.
- Email notifications – By selecting the email notifications, every feedback item will be emailed to an email address as specified by you. Please do note that the provided email address must have an account in Usabilla.
If the toggle switches are deactivated for screenshots or the App Store redirect, the setting specified in the app itself will be overwritten. If for instance, you deactivate the toggle switch, but your app implementation specifies that a screenshot should be included, the feedback will not contain a screenshot.
The second step in your advanced settings is editing the text of the standard non-question elements in your form. The customizable elements are:
- Form title
- Screenshot title
- Error message
- Next button
- Cancel button
- Submit button
In the last section of the advanced settings, you will be able to specify the colors of your feedback form. A detailed explanation of the different elements that can be styled, can be found here.
Apart from the advanced settings, you can also add extra pages to your feedback form. Extra pages can be added by clicking the "Add page" icon at the top of the page. When adding a new page to your form, you will be able to select either a form page or an end page. A form page is a page that can contain actual questions, while an end page contains only a thank you note (or image). Furthermore, you can also copy questions from another page, which might be useful if you are working with repeated questions.
2. Creating your questions
Your feedback form will always start with a mood rating. This mood rating consists of stars, smileys or images as specified on your end. When opening the form editor, the mood rating will already be present. Click the mood rating question to edit the text and indicate whether your form is using smileys or stars. As explained here, your developer will be able to change the images for the smileys in the app itself.
In this screen, you will also be able to change the default 5-point rating scale for a 2- or 3-point scale.
After editing the mood rating you will be able to add other question elements into your form. Simply click one of the elements on the left side of the screen to insert them into your form.
We recommend you to always insert at least an open comment field. It's good to keep in mind that your users are always the ones to take the incentive to leave feedback. By including the comment field, you allow them to share what they want to share. When editing the open comment field, you will notice two options that allow you to pre-fill the comment, to provide an example to the user. When inserting text into the "default" option, your example text will be regarded as actual content of the comment field. When using the placeholder instead, your text will be slightly greyed out and disappear the moment the user clicks the input field.
3. Control visibility and page jumps
When editing your comment question, you will notice a "control visibility" section for each question. This section allows you to show or hide certain questions depending on the answers that have been given to preceding closed questions. This allows you to adjust your question according to the mood rating score a user provides or for instance the NPS.
In order to use "control visibility" simply select the question on which the question you are editing is dependent, then select the answer options according to which you would like to show or hide. Then select whether the question should be hidden or shown according to the answer given.
Apart from the control visibility, you can also direct users to different pages in your feedback form depending on the answers they provide. In order to set this up, you can hover over the page of the feedback form that you are currently working on. A little settings icon will appear and upon clicking this icon the page management modal window will open. Then click "add rule" at the right side of the screen and set the page jumps up in the same way as the control visibility.
After setting up your visibility controls, you are all good to go. Save your form through the "save" button at the top right and head over to the installation page, to preview your form.