User Guide

Experience Fragment

AEM Experience Fragments (XF) are modular content units designed to facilitate the creation and management of reusable and consistent content.

Experience Fragments may be referenced on multiple pages. If edited, the changes will reflect on all pages.

Note that the Header and Footer (which appear on all pages) and Side Navigation (which appears on agency-specific templates) are already created. They can only be edited by site admins.

This guide provides general details on Experience Fragments. For details on creating and editing specific Experience Fragments, please reference their user guides.

Overview

Name: Experience Fragment

Authors who can use: varies by Experience Fragment:

Header and Footer can only be edited by site admins
Other Experience Fragments can be created and edited by any author

Templates/page types that can use: all

Required or optional: optional

Authoring Fields

Creating an Experience Fragment

1. On the Navigation page, select Experience Fragments.

Navigation landing page with Experience Fragments as option

2. Find the desired page path where the Experience Fragment should be stored. Once on the desired page path, select Create --> Experience Fragment from the top right corner.

Experience fragment navigation page with checkboxes to be selected if editing

3. After selecting create, select Web Variation, and select Next from the top right corner.

a. Author the required title field.

b. Optional fields:

i. Name

ii. Description

iii. Tags

c. Click Create.

d. Once the Experience Fragment is created, a template page will open. Add the component wished to be used on the template. For example, to build out the Header, add the Header to the page.

e. Author as you would any page. You may add multiple components.

f. Publish the Experience Fragment. It is now available to be added to pages.

Experience Fragment authoring, showing Title, Text, and Social Media components added.

Adding an Experience Fragment to a page

1. To use an existing Experience Fragment, add the Experience Fragment component to the page like you would any other component.

2. With the edit wrench, open the Experience Fragment component.

3. Variation field: Use the pathfinder to navigate to Experience Fragments section where the Web Variation was created

Experience fragment in authoring state with variation field to navigate the user to section where the Web Variation was created

4. The Experience Fragment now displays on the page. It can be moved around on the page or deleted. Its content cannot be edited without reentering the Experience Fragment authoring dialog.

The Experience Fragment created in the example above now shows on a regular content page.

Editing an existing Experience Fragment

1. On the Navigation page, select Experience Fragments.

2. Find the Experience Fragment to edit. Select the checkbox, then Edit from the top menu.

3. When the authoring page opens, edit as normal.

4. Publish the Experience Fragment. Changes will reflect on all pages that reference it.