Conceptual

Edit Mode

Discover how Vercel's Edit Mode enhances content management for headless CMSs, enabling real-time editing, and seamless collaboration.
Table of Contents

Edit Mode is available on Pro and Enterprise plans

Content editing in CMSs usually occurs separately from the website's layout and design. This separation makes it hard for authors to visualize their changes. Edit Mode allows authors to edit content within the website's context, offering a clearer understanding of the impact on design and user experience. The ability to jump from content to the editing interface further enhances this experience.

To access Edit Mode:

  1. Ensure you're logged into the Vercel Toolbar with your Vercel account.
  2. Navigate to a page with editable content. The icon for Edit Mode will only appear when there are elements on the page matched to fields in the CMS. You may need to hover over the toolbar to see the icon.
  3. Select the pencil icon to activate Edit Mode. This will highlight the editable fields as Content Links in blue as you hover near them.

Content Link is available on Pro and Enterprise plans

Content Link enables you to edit content on websites using headless CMSs by providing links on elements that match a content model in the CMS. This real-time content visualization allows collaborators to make changes without needing a developer's assistance.

You can enable Content Link on a preview deployment through the Edit Mode button on the Vercel Toolbar.

The corresponding model in the CMS determines an editable field. You can hover over an element to display a link in the top-right corner of the element and then select the link to open the related CMS field for editing.

You don't need any additional configuration or code changes on the page to use this feature.

The following CMS integrations support Content Link:

See the CMS integration documentation for information on how to use Content Link with your chosen CMS.

Last updated on October 6, 2024