Skip to content
VercelVercel
'; user_status_content.firstChild.appendChild(avatarContainer); } else { // Placeholder for LoggedOutUserMenu let loggedOutContainer = document.createElement('div'); // if LoggedOutUserMenu fallback let userBtn = document.createElement('button'); userBtn.style.width = "33px"; userBtn.style.height = "33px"; userBtn.style.display = "flex"; userBtn.style.alignItems = "center"; userBtn.style.justifyContent = "center"; userBtn.style.color = "var(--ds-gray-900)"; userBtn.style.border = "1px solid var(--ds-gray-300)"; userBtn.style.borderRadius = "100%"; userBtn.style.cursor = "pointer"; userBtn.style.background = "transparent"; userBtn.style.padding = "0"; // user icon ( from geist) let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); svg.setAttribute('data-testid', 'geist-icon'); svg.setAttribute('height', '16'); svg.setAttribute('stroke-linejoin', 'round'); svg.setAttribute('style', 'color:currentColor'); svg.setAttribute('viewBox', '0 0 16 16'); svg.setAttribute('width', '16'); let path = document.createElementNS('http://www.w3.org/2000/svg', 'path'); path.setAttribute('fill-rule', 'evenodd'); path.setAttribute('clip-rule', 'evenodd'); path.setAttribute('d', 'M7.75 0C5.95507 0 4.5 1.45507 4.5 3.25V3.75C4.5 5.54493 5.95507 7 7.75 7H8.25C10.0449 7 11.5 5.54493 11.5 3.75V3.25C11.5 1.45507 10.0449 0 8.25 0H7.75ZM6 3.25C6 2.2835 6.7835 1.5 7.75 1.5H8.25C9.2165 1.5 10 2.2835 10 3.25V3.75C10 4.7165 9.2165 5.5 8.25 5.5H7.75C6.7835 5.5 6 4.7165 6 3.75V3.25ZM2.5 14.5V13.1709C3.31958 11.5377 4.99308 10.5 6.82945 10.5H9.17055C11.0069 10.5 12.6804 11.5377 13.5 13.1709V14.5H2.5ZM6.82945 9C4.35483 9 2.10604 10.4388 1.06903 12.6857L1 12.8353V13V15.25V16H1.75H14.25H15V15.25V13V12.8353L14.931 12.6857C13.894 10.4388 11.6452 9 9.17055 9H6.82945Z'); path.setAttribute('fill', 'currentColor'); svg.appendChild(path); userBtn.appendChild(svg); loggedOutContainer.appendChild(userBtn); loggedOutContainer.style.display = 'flex'; loggedOutContainer.style.gap = '8px'; loggedOutContainer.style.alignItems = 'center'; user_status_content.firstChild.appendChild(loggedOutContainer); } })();
Menu

Enabling and Disabling Comments

Last updated September 24, 2025

Comments are enabled by default for all preview deployments on all new projects. By default, only members of your Vercel team can contribute comments.

The comments toolbar will only render on sites with HTML set as the Content-Type. Additionally, on Next.js sites, the comments toolbar will only render on Next.js pages and not on API routes or static files.

At the account level

You can enable or disable comments at the account level with certain permissions:

  1. Navigate to your Vercel dashboard and make sure that you have selected your team from the team switcher.
  2. From your dashboard, open Settings in the sidebar.
  3. In the General section, find Vercel Toolbar.
  4. Under each environment (Preview and Production), select either On or Off from the dropdown to determine the visibility of the Vercel Toolbar for that environment.
  5. You can optionally choose to allow the setting to be overridden at the project level.
The dashboard setting to enable or disable the toolbar at the team level.
The dashboard setting to enable or disable the toolbar at the team level.

At the project level

  1. From your dashboard, select the project you want to enable or disable Vercel Toolbar for.
  2. Navigate to General in Settings.
  3. Find Vercel Toolbar.
  4. Under each environment (Preview and Production), select either an option from the dropdown to determine the visibility of Vercel Toolbar for that environment. The options are:
    • Default: Respect team-level visibility settings.
    • On: Enable the toolbar for the environment.
    • Off: Disable the toolbar for the environment.
The dashboard setting to enable or disable the toolbar in a project.
The dashboard setting to enable or disable the toolbar in a project.

At the session or interface level

To disable comments for the current browser session, you must disable the toolbar.

With environment variables

You can enable or disable comments for specific branches or environments with preview environment variables.

See Managing the toolbar for more information.

In production and localhost

To use comments in a production deployment, or link comments in your local development environment to a preview deployment, see our docs on using comments in production and localhost.

See Managing the toolbar for more information.

Sharing

To learn how to share deployments with comments enabled, see the Sharing Deployments docs.

Previous
Comments
Next
Using Comments

Was this helpful?

supported.