Netlify Docs
Ask Netlify

Contact

Visual editing /Visual Editor /Get started /

Manage visual editing for a site

As a Netlify Owner or Developer, learn the basics of managing visual editing for a site using the Netlify visual editor.

# Enable visual editing

Once a site has visual editing enabled, you can either test out visual editing if your site is already pre-configured or you can follow the configuration steps to complete the setup.

As a Developer or Owner, to enable visual editing for an existing site on Netlify:

  1. After a successful deploy of your site, go to your site configuration page in app.netlify and select Enable visual editor. /images/enable-visual-editor-button-highlighted

  2. Select Enable visual editor.

From your visual editor settings page, you’ll find the setup walkthrough in the Netlify UI that prompts you for the next steps. Note that you may not need to complete all of these steps, depending on how much your site is already pre-configured for the visual editor.

visual editor settings showing guided UI setup

For additional guidance, check out the visual editor walkthrough help doc.

# Find a site with visual editing

To find a site with visual editing enabled:

  1. From your Team Overview, go to your visual editor dashboard for your team. Team Overview with visual editor dashboard option highlighted

Or from your sites list in the Netlify dashboard, you can append visual_editor=true to the URL search parameters. For example, this URL https://app.netlify.com/teams/YOUR_TEAM_NAME/sites?visual_editor=true will return sites with visual editing enabled.

# Manage access to visual editor

To manage access for the visual editor, you must have certain permissions. Learn more in Editorial permissions.

# Open the visual editor

When visual editing is enabled for a site, you can access the visual editor through the following:

  1. the navigation after you select a site in the Netlify UI
  2. in the site details card

Points of access to a site's visual editor UI

# Find the working status of the visual editor

The working status of the visual editor is shown near the site details card in the Netlify app UI. You can also find a status update in the visual editor interface.

# Disable visual editing

To turn off Netlify’s visual editor functionality for a site:

  1. As a Developer or Owner, go to your site configuration page in app.netlify.

  2. Select the Disable the visual editor button and confirm you want to stop visual editing for the site.

Disable visual editing for a site button