#F5F5F5

Adobe Experience Manager Sites Features

Headless CMS

Developers and business users have the freedom to create and deliver content using headless or headful models out of the box, letting them structure and deliver content to any front-end framework.

Watch overview

#2c2c2c

Explore the power of a headless CMS with a free, hands-on trial.

Get a free trial

Explore Headless CMS features.

Decoupled content management

Adobe Experience Manager Sites lets marketers create content while allowing developers to focus on building and delivering code. We do this by separating frontend applications from the backend content management system. With our headless CMS you can create structured content once and reuse it across any digital touchpoint via APIs.

  • Content models. Organise and structure content for your site or app. Build from existing content model templates or create your own.
  • Content Fragments. Design, create and publish content. Content Fragments let you reuse content across delivery implementations, whether headless, headful or hybrid.
  • Content Fragment editor. Alter existing content fragments quickly with a familiar and easy-to-use form-based editor. Speed up content creation and edits across your digital properties.
  • Experience Fragments. Group content and layouts to create channel-agnostic, reusable fragments that can be published to any screen, ensuring consistent messaging and design without building multiple creative assets.
Decoupled content management

https://main--bacom--adobecom.hlx.page/fragments/products/blades/aem-sites/headless-cms/decoupled-content-mgmt-deeper-content

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/headless-cms/visual-editing#visual |

Visual editing

Universal Editor in Experience Manager Sites gives teams the unique ability to preview and edit any content in real time, regardless of the front-end framework being used or where the content is rendered. Authors can easily make immediate changes and preview them in context of the designed experience.

  • Visual editing. Edit any content like images, copy, videos and more — visually and in-context. This means you can edit any Content Fragment as it appears on the page or even an entire page structure with nested components.
  • Framework agnostic. Use your own front-end framework (e.g. React, Vue, Angular etc.) and never worry about version control and updates. Intuitive authoring tools let you drag and drop any element of page design with ease. The Universal Editor also works for all architectures — including server-side, client-side or edge-side renderings with any hosted content, either local to Experience Manager or on a remote domain.
  • Editing flexibility. Edit any aspect of the experience, even those that require additional metadata or the application of different styles, such as columns, carousels, tabs, accordions etc.

https://main--bacom--adobecom.hlx.page/fragments/products/blades/aem-sites/headless-cms/editing-and-preview-deeper-content

Delivery

  • Deliver your content with ease using intuitive and comprehensive APIs.
  • GraphQL. Quickly deliver reusable, structured content to other applications in JSON format through GraphQL.
  • Content services. Create Pages from Experience Manager’s out-of-the-box foundational components and templates. Your content can then be sent via content services APIs into REST API endpoints, each having an URL.
  • Persisted queries. Reduce query execution by using persisted queries and caching by HTTP caches or by using our content delivery network. Client applications request persisted queries with GET requests for fast edge-enabled execution.
  • Web-optimised image delivery. Deliver images from your digital asset manager in WebP format via GraphQL for faster page load times, reducing the download size by 25% on average.
Optimization

Optimisation

Go beyond managing content and deliver high-performance pages and apps.

  • Personalisation. Publish structured content to personalisation tools like Adobe Target for advanced A/B testing and omnichannel personalisation, ensuring optimised user experiences.
  • App Builder. Provide serverless runtime, UI framework, CLI, SDKs and other developer tools that make it easy to build customised extensions and integrations tailored to specific needs.
  • Multi-site Management. Create and manage content variations across multiple sites easily by propagating a source content structure to connected live copies with the click of a button. This allows for inheritance across organisations and global content structures.
  • Eventing and webhooks. Send real-time updates and notifications to third-party apps or services whenever data changes, ensuring seamless integration and synchronisation.
  • Bulk editing. Edit the properties of multiple pages at once.

https://main--bacom--adobecom.hlx.page/assets/icons/products/experience-manager/headless-cms/dotcom-98221-aem-headless-cms-success-edge-messaging-boots-logo-155x80.svg | Chipotle logo

“Adobe Experience Manager is at the core of our digital experiences. It’s the platform on which we’ve built our web experiences and Experience Manager headless enables us to power our mobile app experiences as well. It makes it easier for our teams to quickly and efficiently deliver content to our mobile apps, as well as our web properties.”

Nicole West, VP of Digital Strategy & Product, Chipotle.

Watch video

#F1F1F1

Learn how to use headless CMS features.

Find what you need in our vast collection of how-to content — including documentation, tutorials and user guides.

Learn more