Widgets are different formats of content that you can include in your survey. This allows you to display data, for example, in graphs or tables, based on the respondent's answer.
If you include variables in your data fields, your charts will display customized data from the responses. You could choose to show an answer given to a question, the score from a question or question block, or many other variables.
This guide will teach you:
1. Add widgets
Go to the Extra options tab and scroll down to the Question logic group of options and click Widgets.
Click + Add widget and make the necessary adjustments.
- The name is for your ease, it's only visible to you.
- Set up your text here. Use the rich text editor icons to change the text to bold, italics, or your company's colors. You can also include media.
- Show this widget- Choose where you want your graphs to be displayed. If you want to create more than one survey widgets and display them all at your final page, you need to create one outcome for each widget. Then you will place each widget in a separate outcome and activate the multiple outcomes feature.
- Widget options - Enter a value of the highest and the lowest value of the bar.
- Data items - Click Variables to access the drop-down menu of the variable which you want your graphs to be based on. There's a whole range of options - it could be the answer to a formula, question block score, custom score, or very simply an answer to a particular question. Just make sure the variable is a numerical value otherwise the gauge chart will not work. You can also name your progress bar, this label will show on the top of the bar.
- Design options - Chose the colors for your gauge chart. Change the shading so that a higher score will have a different or brighter shade than the lower score.
If when adding your variable, you have a warning message that it has more characters than it should, you can copy it, paste it in a formula and use this formula variable at the survey widget value field.
You can adjust the Thermometer and Bar chart to configure a gradient color.
Bar chart allows you to round the numbers of your results. All you have to do is to toggle the Use rounded numbers button.
If you suddenly have an error message when you take the survey that says "an uncaught error occurred" this means that you have left some of the survey widgets fields empty. You need to go back to the survey widgets tab and make sure all your fields have values.
2. Gauge widget
Add a gauge graph to your survey to represent average or actual scores or percentage results for question blocks or formulas. Respondents can see at a glance if they've scored towards the top-end or bottom-end of the scale.
3. Bar widget
Add a Bar Chart to your survey to show respondent's results or another data set at a glance.
4. Thermometer widget
Add a Thermometer graph to your survey to show respondent's results in percentages or actual scores. Respondents will see whether they scored towards the top of the thermometer or bottom.
What's next?
- Question logic – use rules in your survey so that respondents are only shown questions that are relevant to them. Question logic allows you to specify which question to go to or go to the end of the questionnaire, based on the answer to a preceding question, quiz score, or contact data. Alternatively, you can decide to show or hide certain questions based on the criteria you set.
- Question grouping - You might want to show more than one question on the screen to make your questionnaire seem shorter. Use this feature for questions that are all on a related topic. If you really want a short survey, check out the making of a one-page survey guide.
- Labels and messages – did you know you can customize the messages that get shown to respondents, as well as the text of the labels? Make sure you’ve finished creating your questionnaire, then see if any labels or messages could do with improvements.