Using Experience Fragments
Last update: May 14, 2024
- Topics:
- Experience Fragments
CREATED FOR:
- Beginner
- Developer
- Admin
- User
For publishing from AEM Sites using Edge Delivery Services, click here.
Experience Fragments enables content authors to reuse content across channels including Sites pages and third-party systems.

Transcript
In this video, we’re going to look at experience fragments. An experience fragment is an experience that makes sense on its own. It’s not necessarily an entire webpage, but a portion or fragment of it. This could be as simple as an image with some text associated with it, or something slightly more complex. The big idea with experience fragments is reuse. If we take this highlighted experience from our page and turn it into an experience fragment, we can then reuse the content on multiple pages. To create a banner or mobile optimized content. All of the experience fragments management is done from one place regardless of its use. Experience fragments are also a great solution for managing content that is going to be pushed to a third party or an external touchpoint. Out of the box, experience fragments have built-in templates to create social media variations for Facebook and Pinterest. An author can publish to these platforms directly from AEM. Let’s explore authoring in experience fragment. Experience fragments have their own item on the start menu. Each experience fragment has at least one variation. Let’s edit one of these variations. Editing is very similar to editing a page in AEM sites. We have one main layout container, and we can select different assets from the dam and, based on the template being used, we have access to different components to populate the variation. This button lets you see all of the other variations under the current experience fragment. Here we have a Facebook variation as well as one for Pinterest. Once a variation is created using one of the social media templates, authors have the ability to social post from the menu. The social post uses a cloud services configuration to authenticate and post directly to the social media account. From this menu, authors can create a new variation and choose from a variety of templates. We can also create a live copy variation. To do this, we’ll choose a master variation to live copy from, and then fill out some properties for our live copy variation. This variation will inherit all the components and configurations of the master variation, keeping them in sync. We do have the ability to overwrite certain options. Let’s swap this image. Note that the rest of the component will continue to be inherited from the master variation. Integrating experience fragments with the sites page is very straightforward. We’ll select our experience component and drag that onto the page and select an experience fragment variation to be displayed. We’ll select the variation we created in the previous step, and now our experience fragment is loaded onto this page. We can also convert an existing set of components to an experience fragment from within the page. We’ll select the layout container and click the convert to experience fragment button. This pops up in a dialog that lets us create a new experience fragment. We’ll choose a fragment path to store this new fragment, select the template, and we’ll give it a title. Now those components have been converted into a single experience fragment component and we can see that from our content tree. Because this is now an experience fragment, we can reuse this experience on other parts of our site or cross channel.
An Experience Fragment is a grouped set of components that when combined creates an experience. For example, a Title, Image, Description, and Call To Action Button can be combined to form a teaser experience.
With Experience Fragments marketers can:
- Reuse an experience across channels (both owned channels and third-party touch-points)
- Create variations of an experience for specific use-cases
- Keep variations in sync with the use of Live Copy
- Social Post experiences to Facebook and Pinterest out of the box
Previous pageContent Fragments vs. Experience Fragments
Next pageBuilding Blocks
Experience Manager
- Overview
- Document Authoring
- Overview
- Set up
- Preview and publish
- Document structure
- Default content and sections
- Blocks and autoblocks
- Redirects
- Bulk metadata
- Page metadata
- Author authentication
- How to
- Document audit
- Document permissions
- Document versions
- Document workflows
- Embed iFrames
- Image alt text
- Prevent search engine indexing
- Responsive navigation
- Dynamic Media
- Site migration using Importer
- Customizing the Importer
- Bulk importing using Importer
- Generate Variations
- Experimentation framework
- Setup experimentation framework
- Metadata for experimentation
- Page Authoring
- Generative AI
- Content Fragments
- Experience Fragments
- Edge Delivery Services
- Developing
- Edge Delivery Services
- AEM Project Archetype
- Getting Started with AEM Sites
- Getting Started with AEM Headless
- Getting Started with AEM SPA Editor and React
- Extending Page Properties
- Responsive breakpoints
- Developing with the Style System
- Style System Best Practices
- Accelerate content velocity with AEM style systems
- Developing for Page Difference
- Implementing Simple Search
- Social Media Sharing
- Customizing Component Icons
- Personalization
- Components
- SEO
- Single Page Applications
- Multi Site Management
- Introduction to Language Copy
- Live Copy and Blueprint
- Create a Live Copy
- Manage Live Copy inheritance on a component
- Manage Live Copy inheritance on a page
- Live Copy overview console
- Create a Language Copy
- Translation Projects
- Create a multi-lingual Translation Project
- Translation Jobs
- Updating a Language Copy with Launches
- Create a Language Copy page
- Translation Job status
- Create a country site from Language Copy
- Translation
- Integrations
- Experience Platform
- Tags in Adobe Experience Platform
- Adobe Client Data Layer
- Analytics
- Adobe Target
- Overview
- Add Target extension to Tags Property
- Load and fire a Target call
- Create Adobe Target Cloud Service account
- Export Experience Fragments to Adobe Target
- Create Target Activity using Experience Fragment Offers
- Personalization using Visual Experience Composer
- Personalization of full web page experience
- Learn From Your Peers