Add an image to a question

Use these steps to add an image to a question.

✅ Plan Availability: All Plans
👥 User roles: Owner, Admins, and Researchers
For more information, see our article on how to find your plan and user role.

On this page:

• Why add an image to a question?
• Add an image to question text
• Add an image as a thumbnail
• Add images to tabs

Why add an image to a question?

• Images are commonly used to:
  • Show participants certain website areas.
  • Compare two designs (A/B testing).
  • Gather feedback on static prototype pages.
• Supported file formats are:
  • .jpg
  • .gif
  • .png
• Maximum file size: 10MB
• Images are hosted in the Multimedia Center. Learn how to upload images directly to the Multimedia Center.
• Learn more about recommended image sizes (Resolution).
• In the Results section of your study, you can view question images as thumbnails.

Add an image to question text

1. Go to the Study Builder section of your study.
2. In the left menu, select the question you'd like to add the image to.
3. Hover over the question to bring up the options icons.
4. Click Edit Question .
5. In the Question Text box, select Add Image .
6. Choose one of the following options:
   • Select an image that has already been uploaded to the Multimedia Center.
   • Upload a new image.
7. Optional: After selecting the image, you can crop it. 
8. Click Save.

Pro Tip: You can also change the image display size.

Add an image as a thumbnail

1. Go to the Study Builder section of your study.
2. In the left menu, select the question you'd like to add the image to.
3. Hover over the question to bring up the options icons .
4. Click Edit Question .
5. Select the Multimedia tab.
6. In the Multimedia Layout dropdown, select Thumbnails .
7. In the Introductory Text box, add:
   • A description of the image(s).
   • Instructions
   • Any other relevant information.
8.  Scroll down and click Add Image .
9. Optional: After selecting the image, you can crop it.
10. Configure these optional settings, if needed:
    • File Name: Edit the name of the image.
    • Image Title (Optional): Double-click to give the image a title.
    • Delete All: 
      1. Click Delete All to remove all images. For security, a confirmation message will display on the screen.
      2. Click Delete to proceed with the deletion of the images.
    • Delete: Click the Trash Can icon to remove an image.
    • Order: Choose the order to display the images. Orders available are:
      • Inserted: Images are displayed in the same order as they were added to the list.
      • Randomly: Images display randomly regardless of how they were added.
    • Size: 
      • Select the size for the thumbnail images. 
      • Thumbnail sizes available are:
        • Small
        • Medium
        • Large
    • Image View: Select how the image displays when viewing it as a thumbnail. Image views available are:
      • Resize: 
        • The image gets resized, constraining proportions, so that the whole image fits in the thumbnail area.
        • If the thumbnail width or height is larger than the image width or height, the area is displayed blank.
      • Crop: The image gets resized and cropped so it fills the whole width and height of the thumbnail area.
    • Zoom Effect: The size of the image when you click on the thumbnail. Zoom effects available are:
      • Fit to Screen: The image displays as big as the screen size.
      • Original Size: The image displays in the uploaded (original) size.
11. Click Save.

Add images to tabs

• Upload two images to compare two different designs (A/B testing) and gather feedback based on the answers given.
• Participants can move between the question and images using the tabs.

To add images to tabs, follow these steps:

1. Go to the Study Builder section of your study.
2. In the left menu, select the question you'd like to add the image to.
3. Hover over the question to bring up the options icons .
4. Click Edit Question .
5. Select the Multimedia tab.
6. In the Multimedia Layout dropdown, select Tabs .
7. To add a label to display at the top of each tab, enter a name to the tab in the Tab Label box .
8. Add a description of the image in the Description and multimedia box.
9. In the Description and multimedia box, click Add Image .
10. In the Add Image window, you can:
    • Select an image that has already been uploaded to the Multimedia Center.
    • Upload a new image.
11. Optional: After selecting the image, you can crop it.
12. Click Save.

Please provide any feedback you have on this article. Your feedback will be used to improve the article and should take no more than 5 minutes to complete. Article evaluations will remain completely confidential unless you request a follow-up.