Experience Fragments

You are reading the AEM 6.3 version of Experience Fragments.
This documentation is also available for the following versions: 

If an author wants to re-use parts (a fragment of an experience) of a page, he has to copy and paste that fragment. Creating and maintaining these copy/paste experiences is time-consuming and prone to user errors.

Supporting the headless CMS use-case: Authors want to use AEM only for authoring but not for delivering to the customer. A third party system/touchpoint would consume that experience and then deliver to the end user.

An Experience Fragment is a group of one or more components including content and layout that can be referenced within pages. They can contain any component.

An Experience Fragment:

  • is a part of an experience that in itself makes sense.
  • has one or multiple components with a layout within a paragraph system.
  • can be combined with other Experience Fragments to a complete experience/page.
  • can be reused, reordered and resized across pages.
  • can have different variations and may share content and / or components.
  • can be a set of experiences that make sense to group.
  • is based on a template to define structure and components.

When Should You Use Experience Fragments?

Experiencts Fragments should be used:

  • Whenever you want to reuse experiences.
    • Experiences that will be reused with same or similar content
  • When you use AEM as a content delivery platform for third parties.
    • Any solution that wants to use AEM as the content delivery platform
    • Embedding content in third party touchpoints
  • If you have an Experience with different variations or renditions.
    • Channel or context-specific variations
    • Experiences that make sense to group (for example a campaign with different experiences across channels)
  • When you use Omnichannel Commerce.
    • Sharing commerce-related content on social media channels at scale
    • Making touchpoints transactional

Creating an Experience Fragment

To create an Experience Fragment:

  1. Select Experience Fragments from the Global Navigation.

    file
  2. You can create Experience Fragments and Folders.
    Creating folders allows you to create a meaningful structure for your Experience Fragments.

    file
  3. Click Create and Experience Fragment to open the Experience Fragment wizard.

    file
  4. Enter a Title for your Experience Fragment and tap/click Next.

    file
  5. Select your template and if required, change the title for this variation.

    file

    Note

    You can use the template editor to create your own template.

  6. Click Create.

    file
  7. Clicking Open brings you to the Editor.

    file

Authoring your Experience Fragment

The Experience Fragment Editor offers you similar capabilities to the normal page Editor. See Editing Page Content for more information on how to use it. 

The following procedure is an example where you would create a teaser for a product:

  1. Drag and Drop a Category Teaser from the Components Browser.

    file
  2. Select Configure button.

    file
  3. Drag and Drop an image.

    file
  4. Fill the other fields as required and tap/click the Done icon.

    file

You can add more components/assets if required.

Creating Experience Fragments Variants

You can create other variants of your Experience Fragment. To do that:

  1. Navigate to Experience Fragments. You should see the variants already created.

    file
  2. The Create button allows you to create a variant or a launch.

    file

You can create several variations for this Experience Fragment depending on your needs.

file

Using your Experience Fragments

You can now use your Experience Fragments in your pages. To do that:

  1. Drag and drop an Experience Fragment from the Components Browser.

    file
  2. Drag and drop an Experience Fragment from the Assets Browser.

    file

Any questions?

Have a question about this or any other AEM topic? Ask our Community.
Learn more about AEM topics on our help hub.
Was this helpful?

By submitting your feedback, you accept the Adobe Terms of Use.

Thank you for submitting your feedback.