Creating content is all about storytelling and as a content editor, you shape both structure and visuals to bring stories to life and create engaging digital experiences.
Whether it’s writing engaging articles, structuring web pages, or fine-tuning brand messaging, your work defines how audiences interact with content. But content isn’t just about words—it’s about how it looks, how it flows, and how it fits into the bigger picture. That’s why having a clear visual reference while editing is so important.
But if you’ve ever worked in a headless CMS, you know how challenging this can be. You type out your text, upload an image, adjust the layout—but until you publish or preview the page, you’re left guessing.
The challenge: Editing content without visual context
One of the biggest challenges for content editors working with a headless CMS is the lack of visual feedback. While a headless CMS offers flexibility and scalability, it also creates a problem: how do you know what your content will actually look like once it’s published?
Take a simple example—editing a blog post.
You might want to experiment with headline length to make sure it fits well within the layout. Or maybe you need to swap out an image but want to see how it affects the design. In a typical headless setup, you’d have to make a change, save it, switch to your live site, refresh, and repeat until it looks just right.
This process isn’t just inefficient—it interrupts your creative flow.
Introducing Visual Editing: See your changes instantly
We understand that smooth content editing is crucial for content creators, which is why we've worked hard to develop Visual Editing in Prepr CMS.
This new feature lets you see your content updates in real time, right next to your editing workspace. No more switching between tabs or guessing how your changes will look—now, you can edit with confidence, knowing exactly how your content will appear before you publish.
The new side-by-side view gives you instant visual feedback, so you can focus on creating great content without the frustration of constant previews.
A new interface for a smoother, more intuitive editing experience
But that’s not all.
Visual Editing goes beyond just displaying changes—it makes the entire editing process faster and more efficient.
You can toggle between different screen widths to check how your content adapts across devices, ensuring a seamless experience for every visitor. No need to publish or reload a separate preview page—just save your work, and the preview updates instantly.
We’ve also refined the interface to make editing even smoother. Sidebar actions have been moved to the top for quicker access, putting key tools right where you need them.
Work faster with time-saving shortcuts
In addition to real-time visual feedback, we’ve also focused on speeding up your workflow by adding handy keyboard shortcuts for quick actions:
- Save – CTRL+S / CMD+S
- Publish – CTRL+P/ CMS +P
- Close content item – CTRL+L / CMD+L
These simple but powerful shortcuts help you stay focused, reduce clicks, and make editing feel effortless.
Why Visual Editing makes the difference for content editors
We designed Visual Editing with one goal in mind: to make content editing straightforward.
With Visual Editing, you no longer have to edit blindly or constantly switch between your CMS and the live site. Changes appear instantly as you work, giving you a clear, real-time view of your content. This means fewer interruptions, more precision, and a smoother editing process from start to finish.
With these updates, the editing experience is more intuitive, organized, and frustration-free—so you can focus on what really matters: creating great content.
To get a better understanding of Visual Editing, be sure to watch our explainer video.
