Heatmap Questions
The Heatmap question type allows you to do a detailed analysis of different areas of an image. Ask respondents to pin several labels of your choosing anywhere on the image to capture what they like/dislike, what draws their attention, or poses confusion.
Build
- Add a Heatmap question type to your survey a few ways: drag and drop from the left side bar, click the icon, or add from the question type menu.
- Use the largest, highest resolution image possible, and allow the platform to resize the image to fit the screen.
- Add up to 7 pin labels by creating a custom list or selecting one of our pre-built options from the drop-down.

Click on each pin to customize the color, use the color picker or type in a hex code.
Add an optional or mandatory text field for each pin.
Min/Max Settings for Pins
All Pins
When set to "All Pins," the min/max setting applies to all pins in total. Example: Two pins Like/Dislike are programmed, and the Min/Max is set to 1/5. This means the total number of pins allowed on the image is five. If Like is used three times, Dislike can only be added two times for a total max of five pins.
Each Pin
When set to “Each Pin” the min/max settings apply to each pin individually. If the question is set to min = 1 and max = 5, each pin must be used at least once and each pin can be used up to five times.
Each Pin per Page
Only the Each Pin setting is able to split each pin per page. When Each Pin is active you will also see this setting. Choose whether respondents will see all pin labels on one screen or break each pin into its own screen. This will add to the total questions in the survey.
Showing 1 pin label per page allows you to implement piping from pin labels to the question header. Use [pin] logic to pipe in each label for each screen.
Respondent Experience
Respondents can click and then drag and drop pins anywhere in the image. The drag-n-drop functionality was developed to provide the same experience for respondents whether they use a desktop, laptop or mobile device.
How respondents interact with the image:
- Pins are in a tray at the bottom of the image.
- The number of pins they have to use will be indicated in the pin.
- Respondents can toggle between pins by clicking on each label.
- Once they add a pin to the image they can drag and drop it anywhere else.
- To remove a pin that was placed on the image drag it to the outer edge.
- Respondents can only move forward when they have met the requirement of the min/max settings for the question.
Note: Every image will have a border around the edge no matter how large the image is when it’s uploaded. The reason is so respondents can add pins to the very edge of the image without it removing the pin.
