Universal Visual Editor
Quickly build pages without relying on developers
dotCMS' drag-and-drop universal visual editor allows marketing teams to easily create, edit, and manage pages. Whether the page is built traditionally, or headlessly, teams get the same editing experience, empowering marketers to move quickly without relying on developers.
How It Works
With an extensive list of NoCode capabilities and an API-first infrastructure, dotCMS is the content foundation that you have been longing for. With dotCMS it is simple to build and deliver engaging experiences for your brand, regardless of the channel.
Layout Designer
Layout Designer
Quickly create and edit page layouts with our easy-to-use drag-and-drop designer. Simply drag rows or columns to create sophisticated layouts. Add classes and styles to rows or columns, building rich content blocks. The best part is that our layout API content contributors get the same experience regardless of managing a Singler Page App or a native dotCMS page.
Inline Editing
Inline Editing
Make quick changes while editing content inline, allowing you to see changes in real time. Quickly update content, add sections, change links, and more, all while editing the content in the context of the page.
Reuse Content
Reuse Content
Reusing content is simple in dotCMS, because all content is defined and structured, making it completely separated from the presentation layer. The modular structure makes it so content can be written and edited in one place and then utilized on all channels and sites.
Explore Our Articles
Your go-to resource for the latest content, tech, marketing and developer strategies, insights and guides.
- 31Jan 25Developers
Rendering dotCMS Pages with PHP and Twig
This guide covers rendering dotCMS pages using PHP and Twig. It walks through data retrieval from the dotCMS Page API, dynamic layout creation, and content-type-based templates for clean, scalable, and well-structured page rendering.
- 31Jan 25Developers
Integrating Universal Visual Editor (UVE) with Any JavaScript Framework: Concepts and Approaches
This guide covers integrating the Universal Visual Editor (UVE) with any JavaScript framework, highlighting key steps like dynamic routing, component mapping, grid-based layouts, and editor communication. Developers can maintain their tech stack while enabling powerful real-time content updates, optimizing performance, and accelerating deployment through dotCMS's JavaScript SDK.
- 31Jan 25Developers
Unpacking the dotCMS GraphQL API: Concepts, Features, and Use Cases
In this article, we’ll explore advanced use cases that show how your content’s structure and indexing directly impact the way you write effective queries. With real-world examples of Collections, Search, and the Page API, we’ll dive into tips and techniques that help you leverage the power of the API while keeping its ElasticSearch dependency in mind.
- 31Jan 25Developers
How to use dotCMS Experiments in a Headless App
Learn how to implement A/B testing in your headless applications using dotCMS Experiments. This guide covers integration through the @dotcms/experiments library, helping you optimize user experience and track conversions effortlessly.
Get Inspired
Discover how technical teams have leveraged dotCMS
How Jostens Went from Legacy to Hybrid Headless with dotCMS
CapTech, a dotCMS partners, was commissioned to rebuild Jostens’ website. They chose dotCMS and its hybrid headless technology to build a lean, modern, and scalable new website capable of handling a hundred thousand customers a day.
One of the main benefits of dotCMS is that it provides an intuitive interface for managing content and creating content types and templates. Also, the fact that it works both as a traditional and as a fully integrable headless CMS that enabled us to integrate it to Jostens’ eCommerce platform.