Edit mode

Updated

Edit your site’s content in the Designer with edit mode.

Edit mode gives content creators (e.g., copywriters, product marketers, content strategists, etc.) the power to edit site content directly inside the Designer. Edit mode ensures that site designs stay untouched, while content — such as copy, assets, and videos — is edited.

How to access edit mode

If you have a content editor role, you can access edit mode by hovering over a site's thumbnail in your Dashboard and clicking Open Designer.

If you have Designer access, you can access edit mode by opening the Designer and clicking Designing in the top bar. Then, choose Build from the dropdown. If someone is already designing in the Designer, you’ll automatically be placed in build mode when you open the Designer.

In edit mode, you’ll have access to the Pages panel, CMS panel, Assets panel, Settings panel, and the Site Activity log (on Enterprise sites). You also have access to comments and publishing (if you have “Can publish” toggled on).

How to control what can and cannot be edited

To allow or disallow users in Edit mode (or the Editor) from editing site elements, select the element on the Designer canvas and go to the Element settings panel > Editing permissions. Check or uncheck the box to change permissions.

Note that you won’t be able to change editing permissions for elements inside Collection lists or elements bound to CMS data.

How to edit site content

Edit mode allows multiple team members to edit static and dynamic site content at the same time. If multiple people are editing the same content at the same time, the last edits “win,” so you'll want to coordinate editing times with your teammates.

Within edit mode, you can:

Edit mode provides a simplified version of the Designer, with fewer panel options. Learn more about the Designer’s features.

Editing text, links, and images

Static content, like text, links, and images, are editable in edit mode. When you hover over an editable static element, a blue outline will appear. Note that you won’t be able to edit static elements in components, unless those static elements have properties attached.

To edit text (including rich text), select the text element and click the “pencil” icon on the upper-left corner of the element. Then, edit the text directly on the canvas. Additionally, you can select text on the canvas and format it (e.g., bold, italicize, wrap with span) using the menu that appears. When you select rich text, you'll have additional options for formatting your text. You can also click the “globe” icon on text elements or images to machine-translate text or alt text in another locale. Clicking the “globe” icon also changes the text or alt text back to the original language, if it has been previously translated. Note that you won’t be able to machine-translate elements in components.

To edit links, select the link element and click the “link” icon on the upper-left corner of the element. Then, you can edit the link and the link’s settings.

To replace images, select the image element and click the “image” icon on the upper-left corner of the element. To manage image settings, select the image element and click the “cog” icon on the upper-left corner of the element. Additionally, you can upload new images to the Assets panel.

Note

When you update static content within a Collection list (e.g., a button), that content will be updated across all instances in that Collection list.

Create and manage dynamic content

You can also edit existing Collections and elements connected to Collections in edit mode.

Edit Collection items and dynamic elements

When you have existing Collections on your site, you can create, manage, edit, delete, and import/export Collection items in edit mode. To do so, go to the CMS panel and click the name of the Collection you want to edit. When you edit a Collection item in the CMS panel, you can preview your content on the Collection item page by clicking the “eye” icon next to the save and publish options.

Important

If you edit a Collection item and want to preview it, you’ll be prompted to save the item before previewing. This saves your Collection item either as a draft (if it was previously set to draft) or as staged changes (if it was previously published). If you don’t save the item before previewing, your changes will be lost. Learn more about how to edit, save, and publish Collection items.

You can also update Collection items on the canvas from their Collection item page — so you can preview your content as you make changes. When you hover over editable dynamic elements (i.e., elements connected to Collections) on the canvas, a purple outline and small menu appear around the element.

To edit text-based dynamic content (e.g., rich or plain text fields connected to elements on the canvas), you can click the “pencil” icon to open the dynamic content in an on-canvas modal menu, or double-click the element to edit on the canvas.

To edit non-text-based dynamic content (e.g., image or link fields connected to elements on the canvas), click the settings “cog” icon to open its Element settings, then click the “CMS edit” icon to open the dynamic content in an on-canvas modal menu.

When you edit content directly on the canvas, your changes are automatically saved to go live on the next full-site publish. Learn more about updating Collection items.

Manage Collection items

You can view all your Collection items and their statuses in the CMS panel. If you work with a large database of content, managing these Collection items can streamline your workflow.

You can manage items by:

Create and manage Ecommerce products, categories, and discounts

If you have Ecommerce enabled on your site, you can add, edit, and publish new Ecommerce products, categories, and discounts in edit mode.

How to manage page settings

You can manage certain page settings in edit mode, including:

How to publish in edit mode

You can use the following publishing options in edit mode:

Limitations of edit mode

In edit mode, you cannot:

  • make design changes (i.e., structural, style, or element settings changes)
  • edit the structure of main components or component instances
  • adjust page names, add or edit page folders, edit page slugs, or set a homepage
  • add or edit custom code
  • add or edit custom elements
  • update CMS settings
  • create new CMS Collections