How to create an experience fragment in AEM?

Below are the steps to create an Experience Fragment (XF) in AEM:

1. Open AEM and navigate to the Assets console.
2. Click on the Experience Fragments folder on the left side of the console.
3. Click on the "Create" button at the top of the console and select "Experience Fragment" from the dropdown menu.
4. Fill in the required fields in the "Create Experience Fragment" dialog box, including the XF's name, title, and description. You can also select a thumbnail image to represent the XF.
5. Click on the "Create" button to create the XF.
6. Once the XF has been created, you can begin authoring it by clicking on the "Open" button next to its name in the Assets console.
7. The authoring mode for an XF is similar to the standard AEM authoring environment. You can add components and content to the XF, as well as define variations that can be used to tailor the XF for different audiences or use cases.
8. Once you have finished authoring the XF, you can publish it to make it available for use in your AEM sites. To publish the XF, select it in the Assets console and click on the "Publish" button at the top of the console. You can choose to publish the XF as a draft or a final version, and select the channels or audiences that should have access to it.
9. After the XF has been published, you can use it in your AEM sites by adding it as a component to a page or template. When the page or template is rendered, the XF will be displayed with its defined content and variations.

Building blocks in AEM

Building blocks is the feature associated with experience fragment in which we group two or more experience fragment together.

To understand it better we have to first understand the experience fragment. Experience fragment is a page or post, which we create using multiple small contents or grouping multiple content together in a template so we can easily reuse and publish that content. Experience fragment can have CTA(cal to action), images, text and inputs.

Why building blocks required?

Suppose we have a requirement where we need to show two or more experience fragment together as a single experience fragment, then using the building blocks we can group those experience fragment and  drop and show that building blocks as a single experience fragment in your post and page.

To make it more simple, building blocks is for combining two or more experience fragment into a single experience fragment.

How to create building blocks?

What is experience fragment in AEM?

• Experience fragment is a kind of page or content.
• Experience fragment is reusable content, we could use same content in multiple pages.
• Experience fragment is fully responsive, and support and fit in almost all the screen size.
• Experience fragment have variations for omni-channel delivery.
• Experience fragment is based on template design, we have to create a template of the content before creating a experience fragment. In template we specify the layout of our content.
• We can use experience fragment as a page.
• Using experience fragment we can create a post or page for social media and other channels(using template) and feed or publish your post or page directly on those channels from AEM (adobe experience manager).
• Experience fragment is more innovative version of  content fragment in AEM.
• Experience fragment feature comes in AEM 6.3.
• Experience fragment can have content fragment into it.

See also:

• Content Fragment
• OSGi Fragment