Screenshots, Pins, Text Edits, and Images
Let users capture viewport screenshots, pin page elements, suggest text edits, and attach image files to NOCK tickets.
NOCK visual context is explicit user action. The widget does not capture a screenshot on its own when it opens; the user chooses Screenshot, Pin element, Suggest text edit, or adds image files when that context helps.
Capture actions
Inside the widget, users can add website context in several ways:
| Method | Behavior |
|---|---|
| Screenshot | Captures the current viewport as an image attachment. Clicking it again replaces the automatic screenshot. |
| Pin element | Captures or reuses the automatic screenshot, then lets the user click a point on the page. NOCK stores the coordinates, selector context, and screenshot reference. |
| Suggest text edit | Lets the user select text on the page. NOCK stores the selected text as readonly Original text and asks for a required Suggested replacement. |
| Add screenshot | Opens the file picker for manual image files after at least one image row is visible. |
| Drag and drop | Drops image files onto the open feedback form. |
| Paste | Pastes an image from the clipboard while the widget is open. |
The Screenshot card shows how many images are attached. Users can remove an image before submitting. Removing the automatic screenshot also removes pins that referenced it.
Note
Pin annotations need a screenshot reference. If the ticket already has 3 manual images and no automatic screenshot, the widget asks the user to remove an image before capturing a pin. Text edits do not need a screenshot and still work when the image limit is full.
Limits
| Limit | Value |
|---|---|
| Max images | 3 per ticket |
| Max file size | 5 MB per image |
| Formats | PNG, JPEG, GIF, WebP |
If a file is too large or uses an unsupported format, the widget rejects that file and keeps the rest of the form usable.
If browser screenshot capture fails, the widget keeps the report usable and shows a short error. The user can still submit text feedback, text edits, and manual image uploads.
Dashboard display
Attached images appear on the ticket detail page in the Dashboard. Team members can open each image at full size while reviewing the ticket context, console logs, browser details, website annotations, and conversation.
Website annotations appear with the ticket:
| Annotation | Dashboard context |
|---|---|
| Pin | Screenshot reference, page URL, viewport, selector or nearby text, and x/y coordinates. |
| Text edit | Page URL, selector or nearby text, readonly original text, suggested replacement, and optional comment. |
Privacy
Images and annotations are never added unless the user chooses an action. If a screenshot includes sensitive information, the user should remove it before submitting. NOCK does not provide redaction or cropping inside the widget.