Conceptual
2 min read

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.

When editable content is detected on a page, the toolbar shows an pencil icon to indicate there are elements on the page matched to fields in the CMS.

The Vercel Toolbar on a deployment
The Vercel Toolbar on a deployment

Selecting the pencil icon activates Edit Mode, which highlights 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.

Content Link can be enabled on a preview deployment through the Edit Mode button on the Vercel Toolbar's.

The corresponding model in the CMS determines an editable field. Hover over an element to display a link in the top-right corner of the element. Select the link to open the related CMS field for editing.

An editable element with a link to open the related field in the CMS
An editable element with a link to open the related field in the CMS

Using this feature doesn't require any additional configuration or code changes to the page you want to edit.

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 June 21, 2024