Collect location-specific feedback on visual content by adding image pin drop questions to your engagement questionnaires. Image pin drop questions allow respondents to identify specific areas on uploaded images by placing pins, making them ideal for gathering input on architectural designs, site plans, facility layouts, or visual concepts where precise location feedback is needed.
Quick Steps
- Navigate to Ask > Surveys > Build select your survey
- Drag "Image Pin Drop" from the Content sidebar under "OTHER"
- Drop the question into your desired position in the questionnaire
- Configure question text, upload image, and pin options in the modal that opens automatically
- Click "Save" to apply changes and see the in-builder preview
In-Depth Guide
Adding a New Image Pin Drop Question
Access the Questionnaire Builder Navigate to the Engage section and go to the Activities listing screen. Find your engagement questionnaire and select "Edit" to open the Questionnaire Builder interface.
Add the Image Pin Drop Question From the Content sidebar on the right, locate "Image Pin Drop" under the "OTHER" section. Drag the Image Pin Drop element and drop it into your questionnaire at the desired position.
The questionnaire builder will display a drop zone where you can position your new question. Release the Image Pin Drop element when the drop zone appears in your preferred location.
Configure Question Settings Once you drop the Image Pin Drop element into your questionnaire, the configuration modal automatically opens. Enter your question text in the main question field. Write clear questions that explain what feedback you're seeking on the image. For example, "Mark areas on this site plan where you would like to see additional seating" or "Identify locations in this building design that concern you."
Add Support Text (Optional) Use the Support Text field to provide additional context, instructions, or clarification about how to interact with the image. This text appears below the main question and can explain pin placement, provide scale references, or clarify what information should be included.
Upload Image In the "Image" section, upload the visual content that respondents will interact with:
- Upload Methods: Drag and drop image files directly into the upload area or click to browse and select files
- Search Image Bank: Use "Search Image Bank" to access pre-uploaded images from your organization's image library
- File Requirements:
- Supported formats: .jpg or .png only
- Maximum file size: 15MB per image
- Recommended: High-quality images that display clearly at various screen sizes
Configure Pin Options In the "Pins Options" section, set up the types of pins that respondents can place on the image:
- Pin Type: Choose the pin color and style from the dropdown (e.g., Red, Blue, Green)
- Pin Label: Enter a descriptive label for this pin type (e.g., "Preferred Location," "Problem Area," "Suggestion")
- Pin Limit: Set how many pins of this type respondents can place using the dropdown
- Comment Box: Toggle to enable or disable comment fields for each pin placed
Use the "Add Pin" button to create additional pin types with different colors, labels, and purposes.
Save Your Configuration After configuring all settings, uploading your image, and setting up pin options, click "Save" to apply your changes. The modal will close and you'll see an in-builder preview of your image pin drop question within the questionnaire.
Editing Existing Image Pin Drop Questions
Locate and Select the Question In the Questionnaire Builder, find the image pin drop question you want to modify. Click on the edit icon on the question block to open the configuration modal and access all editing options.
Modify Question Content Update the question text, support text, or replace the image as needed. You can also add, remove, or modify pin types and their settings. Click "Save" to apply your changes and close the configuration modal. Once saved, you'll see an in-builder preview of your updated question.
Replace or Update Images Upload a new image to replace the existing one, or use the image bank to select different visual content. Ensure the new image maintains appropriate context for existing pin types and labels.
Manage Pin Types Add new pin types with different colors and labels, remove existing ones, or modify pin limits and comment settings. Ensure your pin options capture the specific visual feedback you need.
Adjust Settings Modify pin configurations or comment requirements based on the type of visual feedback you want to collect from the uploaded image.
Reorder Questions Reposition image pin drop questions within your questionnaire flow using two methods:
- Drag-and-drop: Click and hold the question block, then drag it to a new position. The questionnaire will show drop zones indicating valid placement locations.
- Toolbar: Use the reordering options available in the question's toolbar for precise positioning.
Remove Questions To delete an image pin drop question, use the delete option in the question's toolbar. The question will be removed immediately without a confirmation prompt.
Question Design Best Practices
Choose High-Quality Images Use clear, detailed images that accurately represent the content you're seeking feedback on. Poor image quality can affect respondent understanding and pin placement accuracy.
Provide Scale and Context Include scale references, legends, or contextual information in support text to help respondents understand the image scope and make informed pin placements.
Use Descriptive Pin Labels Create pin labels that clearly explain what each pin type represents. This helps ensure consistent pin usage across respondents.
Set Appropriate Pin Limits Consider realistic pin limits that allow meaningful feedback without cluttering the image or creating analysis challenges.
Optimize for Mobile Viewing Ensure images remain clear and usable when viewed on smaller screens. Test pin placement functionality across different device sizes.
Enable Comments Strategically Use comment boxes when you need additional context about why respondents chose specific locations or what specific suggestions they have.
Methodology
Pin Placement Data Collection Image pin drop responses capture precise coordinate positions on the uploaded image, along with pin type, optional comments, and placement order. Coordinates are recorded relative to the image dimensions.
Image Display Processing Uploaded images are automatically optimized for web display while maintaining visual quality. The system handles different image dimensions and aspect ratios for consistent presentation.
Pin Type Processing Each pin type is recorded with its associated color, label, and any comments provided. Multiple pin types allow for categorized visual feedback within a single image.
Comment Collection When comment boxes are enabled, text feedback is collected and associated with specific pin locations on the image for detailed contextual information.
Language Support Image pin drop questions support multi-language engagement questionnaires when configured. Question text, support text, and pin labels are translated, while image content and coordinate positions remain universal.
Edge Cases, Exceptions & Known Issues
Drag and Drop Functionality
- Questions must be dropped in valid drop zones within the questionnaire area
- Dropping questions outside the builder area will not add them to your questionnaire
Accessibility Limitations
- ⚠️ Pin Drop questions aren't accessible to screen-reader users and cannot be set as Required
- Alternative question types should be considered for fully accessible questionnaires
- Visual-only interaction may exclude some respondents from providing feedback
Image Upload Limitations
- Only .jpg and .png formats are supported; other image formats will be rejected
- Files exceeding 15MB will not upload and will display an error message
- Corrupted or invalid image files may fail to upload or display properly
Image Quality and Size
- Low-resolution images may appear blurry when scaled for different screen sizes
- Image aspect ratios may affect layout and pin placement accuracy
Comments
0 comments
Article is closed for comments.