The Content Editor is a powerful tool designed to seamlessly manage and modify the content of their projects without compromising design integrity. The layout cannot be modified in this mode, only the content.
You can
Add, remove, arrange, and resize sections (based on a template)
Change copy (text), images, shapes, videos, links
Configure elements
You can not
Add, remove, reposition, or resize elements
Change the style of elements, such as text font and color
Accessing the Content Editor
The Content Editor is accessed:
From the Design Editor:
Click on "Content" in the bottom-left bar.
If you're on the Organization plan, which allows for specific roles, Content Editors will automatically enter the project in the Content Editor mode.
The Canvas
The Canvas serves as the limitless surface where you craft your content before it goes live. Key components include:
Viewport
The rectangle or lens represents the device screen for previewing content on different devices (desktop, tablet, or mobile).
Page Content
Sections and elements are highlighted with blue borders when hovered over.
Navigation Tips
Explore the Canvas using the following actions:
Scroll: Navigate up and down to view the entire page.
Zoom In/Out: Hold
CMD/CTRLand scroll up/down.Hover: Identify sections and elements by hovering over them.
Keyboard Shortcuts:
Press
1,2, and3to switch between Desktop, Tablet, and Mobile views.Press
Pto toggle between Edit and Preview modes.
Content panel
On the left side panel you have the option to change the view and access tools such as:
Page overview and content layers. Drag and rearrange the sections as you'd like.
Component Library: Allows you to add components that were already created.
Image library: Manage your images by uploading, removing and editing image description and title. Or search through our royalty free images through the search bar.
Video library: Manage your videos by uploading via URL or locally on your computer.
Shape library: Manage your icons and shapes. Search through our integrated shapes library from Font Awsome.
![image1gif.gif [crop output image]](https://downloads.intercomcdn.com/i/o/gs9lfoen/1855989100/1ccbe7e2f610aee2aea29c08ffb6/ezgif-74460c6614ae1b96.gif?expires=1766581200&signature=e84242e38fb8bc3d5dca6c335e60a88653a1892e3fd7a0f1f99c6906ffb61991&req=dSgiE8B2lIBfWfMW1HO4zd3O3dg85lWipKNRzX5zDa9o3cLWY1Cpn3i2pzE0%0AAZPKeEajJzXyNVMMy9c%3D%0A)