#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

Decoupled content management

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

  • Content models. Organize 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. Edit the properties of multiple pages at once with bulk editing.
  • 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.
  • Multisite 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 organizations and global content structures.
Decoupled content management

Learn more about decoupled content management.

Content as a Service v2 - deeper-content-3cc - Tuesday, April 30, 2024 at 11:45

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.
  • Customize the UI. Add various extensions to Universal Editor’s UI, including experimentation, Workfront task management, and generate variations.

Learn more about visual editing.

Content as a Service v2 - deeper-content-3cc - Friday, May 10, 2024 at 12:32

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 a 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-optimized 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

Optimization

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

  • Personalization. Publish structured content to personalization tools like Adobe Target , Adobe Journey Optimizer or 3rd party tools for advanced A/B testing and omnichannel personalization, ensuring optimized user experiences.
  • Generate variations. Instantly produce high performing copy and image variations by segment using generative AI capabilities, no prompt engineering experience required.

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

linear-gradient(231deg,rgba(206,221,255,1)0%,rgba(226,225,251,1)34%,rgba(206,192,238,1)92%)

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