#F5F5F5

Content and Experience Fragments

Webpage builder showing drag-and-drop content fragment and other one-click options
#F5F5F5

Scale creation with Content and Experience Fragments in Adobe Experience Manager Sites.

Content Fragments and Experience Fragments represent powerful capabilities within Adobe Experience Manager Sites for managing and delivering digital experiences. Content Fragments excel at providing structured content that can be efficiently reused and delivered across various channels. Experience Fragments, on the other hand, enable the reuse of pre-designed content blocks, maintaining brand consistency and accelerating content creation for websites and other platforms.

What are Content Fragments?

Content Fragments are page-independent assets, allowing content creators to develop and manage them independently of any webpage structure. Content Fragments are channel-agnostic, meaning the same piece of content can be readily deployed across multiple digital touchpoints, including websites, mobile applications, and other emerging platforms.

A Content Fragment Model defines the underlying structure of a Content Fragment. These models act as blueprints, predetermining the types of data fields that a Content Fragment can contain. These fields can encompass a wide array of data types, including simple text, numerical values, dates, and even references to other Content Fragments or digital assets. Content Fragment Models can be categorized into three types: basic models, suitable for simple text-based content; complex models, which incorporate a variety of data types to support more intricate information structures; and nested models, which make it possible to create hierarchical content through references to other fragments.

Key characteristics of Content Fragments.

A Content Fragment’s modular nature enables the creation of discrete content units that can be reused across multiple pages and various channels. This reusability fosters efficient content authoring, as updates can be made centrally and propagated across all instances where the fragment is used. Content Fragments also support the creation of variations, allowing for the adaptation of content to suit specific channels or scenarios.

Content Fragments also play a crucial role in headless content delivery, where content is accessed and delivered via APIs, including GraphQL APIs, to various front-end applications. Beyond text-based content, Content Fragments can incorporate images and establish references to other Content Fragments or digital assets, creating rich and interconnected content structures. Content Fragments also provide support for language workflows, facilitating the translation and localization of content for global audiences.

What are Experience Fragments?

Experience Fragments are fully realized content blocks that include both content and layout, effectively representing a self-contained portion of a webpage or a complete digital experience. These fragments are composed of one or more Adobe Experience Manager components, which can include elements, text, images, and videos arranged according to a specific design and structure. A key advantage of Experience Fragments is their ability to be reused across multiple pages and channels while preserving their intended visual presentation and structural integrity. Notably, Experience Fragments can themselves contain other Experience Fragments, as well as Content Fragments, allowing for the creation of complex and modular digital experiences.

Core characteristics of Experience Fragments.

Experience Fragments are characterized by their visual nature, meaning they explicitly define how the content should look and feel across different platforms. They are constructed using Adobe Experience Manager components and are based on predefined templates, ensuring consistency in design and functionality. These fragments support the creation of variations tailored to specific channels, target audiences, or particular use cases, allowing for the nuanced delivery of experiences. Experience Fragments can be seamlessly integrated into Experience Manager Sites pages or delivered to external applications and third-party platforms via Experience Manager Content Services and API pages. To maintain consistency, the various instances of an Experience Fragment stay synchronized with their source using Experience Manager Sites’ Live Copy functionality.

https://video.tv.adobe.com/v/3426926?quality=6&end=nothing&learn=on&captions=eng

Content Fragments vs. Experience Fragments.

Feature

Content Fragments

Experience Fragments

What they are
Structured content (text, images) without design
Complete content sections with design and layout
Focus
Content flexibility and reuse (“what”)
Presentation and consistent design (“how”)
Structure
Based on Content Fragment Models
Composed of AEM components
Design and layout
Platform-specific, controlled by where content is used
Includes specific design and layout for visual consistency
Primary use cases
Omnichannel delivery, headless CMS
Reusing designed content blocks across channels
Creation process
Created as assets using Content Fragment Models
Created as pages using editable templates
Nesting
Cannot contain Experience Fragments
Can contain Content Fragments

Content and Experience Fragment examples and applications.

The versatility of Content Fragments and Experience Fragments is evident in their diverse application across various digital scenarios.

Content Fragment examples.

  • Product descriptions: A product description created as a Content Fragment can be reused consistently across a website or a mobile application, so product information stays uniform across channels.
  • Blog posts and articles: The main body of a blog post or article can be managed as a Content Fragment, enabling consistent formatting and metadata across various layouts and websites.
  • Customer testimonials: A collection of customer testimonials can be created and managed as Content Fragments and easily integrated into various pages of a website to build trust and credibility.
  • Call-to-action messages: Different versions of call-to-action messages, tailored to specific campaigns or audience segments, can be efficiently managed as Content Fragments and deployed across relevant touchpoints.
  • Author biographies: Information about authors can be stored in Content Fragments and displayed consistently across multiple articles or sections of a website.

Experience Fragment examples.

  • Website headers and footers: Consistent headers and footers, including navigation links and branding elements, can be created as Experience Fragments and reused across all pages of a website for a cohesive user experience.
  • Promotional banners: Eye-catching promotional banners with specific designs and messaging can be developed as Experience Fragments and easily placed on various pages or channels.
  • Product showcases or teasers: Sections showcasing featured products or teasers for new offerings can be created as Experience Fragments and reused on different landing pages or sections of a website.
  • Social media posts: Pre-designed templates for social media posts, including images and text, can be created as Experience Fragments and quickly adapted for different platforms.
  • Campaign-specific landing-page sections: Specific content blocks for marketing campaigns, with tailored layouts and messaging, can be developed as Experience Fragments and deployed on relevant landing pages.
  • Personalized content blocks: Variations of Experience Fragments can be created to deliver personalized content to specific audience segments based on their preferences or behaviors.

FAQs

What does Adobe Experience Manager Content Services do?
Adobe Experience Manager Content Services empowers marketers to create and manage flexible JSON APIs for any application. By leveraging familiar Experience Manager Sites pages and components, you can compose headless REST API endpoints and define the content exposed through them, ensuring agility and control.