Skip to content

Managing Comments on Preview Deployments

Learn how to manage Comments on your Preview Deployments from Team members and invited collaborators.

Sometimes, issues appear on a webpage for certain browsers and devices, but not for others. It's also possible for users to leave comments on a preview while viewing an outdated deployment.

To get around this issue, you can select the screen icon beside a commenter's name to copy their session info to your clipboard. Doing so will yield a JSON object similar to the following:

session-data
{
  "browserInfo": {
    "ua": "Mozilla/5.0 (Macintosh; Intel Mac OS X 9_10_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36",
    "browser": {
      "name": "Chrome",
      "version": "106.0.0.0",
      "major": "106"
    },
    "engine": {
      "name": "Blink",
      "version": "106.0.0.0"
    },
    "os": {
      "name": "Mac OS",
      "version": "10.15.7"
    },
    "device": {},
    "cpu": {}
  },
  "screenWidth": 1619,
  "screenHeight": 1284,
  "devicePixelRatio": 1.7999999523162842,
  "deploymentUrl": "vercel-site-7p6d5t8vq.vercel.sh"
}

On desktop, you can hover your cursor over a comment's timestamp to view less detailed session information at a glance, including:

  • Browser name and version
  • Window dimensions in pixels
  • Device pixel ratio
  • Which deployment they were viewing

A comment's browsing session information.

You can resolve comments by selecting the ☐ Resolve checkbox that appears under each thread or comment. You can access this checkbox by selecting a comment wherever it appears on the page, or by selecting the thread associated with the comment in the Inbox.

Participants in a thread will receive an email notification when that thread is resolved.

To see more comment options, select the menu bar button with the ellipses (three dots). This button opens the options menu.

When logged in, the options menu will include:

  • Pull request information: View the PR that generated the Preview Deployment you're currently viewing
  • View Project: Open your project's Vercel dashboard page
  • Hide Interface: Hide the comments interface, including the menu bar, Inbox, and all comments. Refresh the page or use ⌘ + . (ctrl + . on Windows) to re-enable. You can use the same keyboard shortcut to hide the interface
  • Disable for Session: Hide the comments interface in the active browser tab. This is useful when you don't want comments to appear during a browsing session. You can open the Preview URL in a new browser tab to re-enable the comments interface. Refreshing the page will not re-enable comments
  • Give Feedback: Send feedback to Vercel about the comments feature
  • Preferences: Customize when you get notifications and more
  • Logout: Log out of comments in the Preview Deployment you're viewing. This will not navigate you away from the Preview Deployment or hide the comments menu bar
  • Add Slack Integration: Connect a slack channel to comments on the Preview Deployment you're viewing. Learn more about Vercel's Slack beta app

When logged out, you will only have the Disable for Session, Give Feedback, and Log In options.

When logged into comments, you'll find a Preferences button in the options menu. In this menu, you can update the following settings:

  • Notifications: Set when you'll get email notifications for comments activity in the Preview Deployment you're viewing
  • Theme: Select your color theme
  • Chrome Extension: Add Vercel's extension to your browser so you can easily attach screenshots to your comments
  • Reset Onboarding: See tooltips above the comments toolbar that will walk you through what each button on the bar does