What are the features of the new Visual Editor design?
On May 13th, 2024, Storyblok started gradually rolling out a new design for its Visual Editor. This new feature provides a much-improved user experience, accelerating your workflow through a better overview, enhanced accessibility, and mobile optimization.
Hereinafter, it is shown in a step-by-step comparison where to find every Visual Editor function after the new design has been enabled for your user account.
Workflow stages
The Workflow stages have been relabeled to Workflow and are now found in the right-hand side's toolbar.
)
Workflow stages in the old Visual Editor
)
Workflow stages in the new Visual Editor
Entry configuration
The Entry configuration has been relabeled to Config and is now found in the right-hand side's toolbar.
)
Entry configuration in the old Visual Editor
)
Entry configuration in the new Visual Editor
Discussions
The Discussions have been relabeled to Comment and are now found in the right-hand side's toolbar.
)
Discussions in the old Visual Editor
)
Discussions in the new Visual Editor
Tools
The Tools are now found in the right-hand side's toolbar.
)
Tools in the old Visual Editor
)
Tools in the new Visual Editor
Responsive view
The different responsive views are now found in the left-hand side's toolbar. The Tablet view is no longer available.
)
Responsive views in the old Visual Editor
)
Responsive views in the new Visual Editor
Full-width content view
The full-width content view toggle is now found in the responsive view section.
)
Full-width content view toggle in the old Visual Editor
Full-width content view toggle in the new Visual Editor
Page history
The Page History has been relabeled to History and is now found in the top toolbar.
Page History in the old Visual Editor
Page History in the new Visual Editor
Preview
The Preview button is now represented by an icon in the top toolbar.
Preview in the old Visual Editor
Preview in the new Visual Editor
Show form view
The Show form view icon has been relabeled to Form and is now found in the left-hand side toolbar.
Enabling form view in the old Visual Editor
Enabling form view in the new Visual Editor
Search blocks
The Search Blocks feature has been relabeled to Layers and is now found in the left-hand side toolbar.
)
Search blocks in the old Visual Editor
)
Search blocks in the new Visual Editor
Browse content
The Browse content feature has been relabeled to Content and is now found in the left-hand side toolbar.
)
Browse content in the old Visual Editor
)
Browse content in the new Visual Editor
Block library
The Block library has been relabeled to Comps and is now found in the left-hand side toolbar.
Block library in the old Visual Editor
Block library in the new Visual Editor
Leaving the Visual Editor
Leaving the Visual Editor is now accomplished by clicking on the Storyblok logo in the top left corner.
Leaving the old Visual Editor
Leaving the new Visual Editor
Languages and Dimensions
Languages and Dimensions are now unified in a new Languages section.
)
Languages and Dimensions in the new Visual Editor
Story Information (New)
The new Visual Editor design provides a new Story Information {1} section that provides an overview of the story's status, content type, workflow stage, and more. It can be accessed via the right-hand side toolbar.
)
Story Information in the new Visual Editor
Quickly accessible space sections (New)
Using the new More feature located in the left-hand side toolbar, it is possible to quickly jump to other sections of the current Storyblok space, such as Assets, Datasources, Tags, Settings, and the App Directory.
)
Quickly accessible space sections in the new Visual Editor