Help
Search
Getting Started
Core Features
Managing Projects
Client Collaboration
Advanced Usage
Role-Specific Guides
Integrations
Tips, Tricks, and Best Practices
FAQs and Troubleshooting
Training and Learning
Dashboard
WordPress Plugin
Email Inbox
Accounts & Billing
Workflows
Business
Enterprise
Pro
Last Updated On 2025-05-21

How to Use the Annotation Tools for Feedback in Atarim

Simplify your website collaboration with Atarim’s annotation tools—visual feedback made easy.

How to use Atarim annotation tool for feedback
Atarim’s annotation tools allow users to visually highlight and comment on specific areas of a webpage by capturing a screenshot of the visible viewport. These annotations simplify communication and ensure precise feedback by letting users mark areas directly on the screenshot.

Relevant For

  • Project Managers
  • Design Leads
  • Team Members
  • Clients/Stake holders

Prerequisites

Familiarity with Annotation feature.

Step-by-Step Guide

1. Access the Annotation Tool

Description:

Begin by navigating to the task where you want to leave feedback and open the annotation editor.

Instructions:

  1. Open the website project from your Atarim Dashboard.
  2. Click on an existing task or create a new one.
  3. In the Task Popover, locate the Annotation Icon in the comment input area.
  4. Click the Annotation Icon to initiate the tool.
  5. Click Allow to grant app.atarim.io permission to view this tab and proceed with the process.
Clicking the Annotation Icon in the Task Popover’s Comment Input Area

Recommendation: Encourage your team to use annotations to clearly highlight specific updates, especially when working with images.

2. Capture a Screenshot

Description:

The system will capture a screenshot of your current viewport, which you’ll then annotate.

Instructions:

  1. Click Allow to grant app.atarim.io permission to view this tab and proceed with the process.
  2. The system captures the current screen view and loads it in the Annotation Editor.
Allow app.atarim.io to access this tab.

Tip: Before submitting, take a moment to scroll through the page and reposition it if necessary to ensure everything looks correct and is properly aligned. This helps avoid any errors or misplacements when your submission is processed.

Note: With the Chrome Extension enabled, you don’t need to allow access manually—it will automatically capture the current screen view and load it in the Annotation Editor.

3. Annotate the Screenshot

Description:

Highlight areas visually and add written feedback directly to the image.

Instructions:

  1. Select one of the following tools:
    • Circle – Highlight small elements like buttons.
    • Square – Call out larger areas like sections or content blocks.
    • Arrow – Direct attention to specific elements or issues.
  2. Use the comment tool to write notes directly on the screenshot.
  3. Adjust placement as needed for clarity.
Annotation without Chrome Extension
Annotation via Chrome Extension

Tip: Try combining arrows and comments in your documentation or feedback. Using arrows helps visually direct attention to specific areas, while comments provide clear explanations and instructions.

4. Publish Your Annotation

Description:

Once your screenshot is marked up, save it as a task comment for your team to see and act on.

Instructions:

  1. Review your annotations.
  2. Click Publish or the Submit Arrow to save your screenshot as a comment.
  3. Your annotated image will appear in the task thread, visible to all collaborators.
Clicking the Submit Arrow to Save Annotated Image as Task Comment

Note: Once published, team members can reply directly to the annotation within the task discussion.

FAQs

Can annotations work on mockups or designs?

Currently, annotations are only supported for web based projects.

Is the Chrome extension necessary?

Annotation is available in both Extension and URL based method.

How is the screenshot saved?

Once published, the annotated screenshot is added to the task as an image comment for all collaborators to view.

Tips & Tricks

  • Be Specific: Use arrows or shapes to highlight only the key elements.
  • Provide Context: Add clear, concise comments for actionable feedback.
  • Collaborate Actively: Encourage your team to respond within the task thread.

Summary

Atarim’s annotation tools make providing website feedback intuitive and efficient. By capturing screenshots and visually marking them, teams can eliminate miscommunication and complete projects faster.

Was This Helpful?

On This Page

    Add a header to begin generating the table of contents