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
- Go to the Study Builder section of your study.
- In the left menu, select the question you'd like to add the image to.
- Hover over the question to bring up the options icons.
- Click Edit Question .
- In the Question Text box, select Add Image .
- Choose one of the following options:
- Select an image that has already been uploaded to the Multimedia Center.
- Upload a new image.
- Optional: After selecting the image, you can crop it.
- Click Save.
Pro Tip: You can also change the image display size.
Add an image as a thumbnail
- Go to the Study Builder section of your study.
- In the left menu, select the question you'd like to add the image to.
- Hover over the question to bring up the options icons .
- Click Edit Question .
- Select the Multimedia tab.
- In the Multimedia Layout dropdown, select Thumbnails .
- In the Introductory Text box, add:
- A description of the image(s).
- Instructions
- Any other relevant information.
- Scroll down and click Add Image .
- Optional: After selecting the image, you can crop it.
- 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:
- Click Delete All to remove all images. For security, a confirmation message will display on the screen.
- 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.
- Resize:
-
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.
- 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:
- Go to the Study Builder section of your study.
- In the left menu, select the question you'd like to add the image to.
- Hover over the question to bring up the options icons .
- Click Edit Question .
- Select the Multimedia tab.
- In the Multimedia Layout dropdown, select Tabs .
- To add a label to display at the top of each tab, enter a name to the tab in the Tab Label box .
- Add a description of the image in the Description and multimedia box.
- In the Description and multimedia box, click Add Image .
- In the Add Image window, you can:
- Select an image that has already been uploaded to the Multimedia Center.
- Upload a new image.
- Optional: After selecting the image, you can crop it.
- 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.