A screenshot tells you what the screen looked like; an annotated screenshot tells you exactly where the visitor was looking. Yaplet's built-in drawing tool lets visitors mark up their screenshot before the report is sent — with no extra app or browser extension needed.
How the annotation tool works
After clicking the bug report button, Yaplet captures a screenshot of the current page. The visitor is shown the screenshot with a simple drawing toolbar overlaid on top. They can draw freely on the image before submitting:
- Freehand pen — draw circles, underlines, or freeform marks to highlight problem areas.
- Color options — choose a drawing color so marks stand out against the page content.
- Undo — remove the last mark if they drew in the wrong place.
Once satisfied with the annotation, the visitor clicks through to the next step to add a description and submit.
What you receive
The bug report ticket in your Yaplet dashboard shows the annotated screenshot exactly as the visitor saved it. The original un-annotated screenshot is not kept separately — what you see is what they marked. Annotations are baked into the image file attached to the ticket.
Tips for better bug reports from your users
- Keep the description field short and focused — the annotation and replay data carry the technical context.
- If you see a common pattern where visitors don't annotate, consider adding a short instruction in the bug form's subtitle: "Circle the broken area in the screenshot before submitting."