Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

How to create ExperienceFrgment and how to add in page

Avatar

Level 2

Hi Team,

 

I want to create ExperenceFrgmemt and need add that Fragment in page .Please help me on this

 

 

Thankyou

Chandrika

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @chandrika123,

Please follow below steps,

Creating an Experience Fragment

To create an Experience Fragment:

  1. Select Experience Fragments from the Global Navigation.

    screen_shot_2018-04-05at92221am1

  2. Navigate to the required folder and select Create.

  3. Select Experience Fragment to open the Create Experience Fragment wizard.

    Select the required Template, then Next:

     

    xf-authoring-02

  4. Enter the Properties for your Experience Fragment.

    A Title is mandatory. If the Name is left blank it will be derived from the Title.

     

    xf-authoring-03

  5. Click Create.

    A message will be displayed. Select:

    • Done to return to the console
    • Open to open the fragment editor

Using your Experience Fragment

You can now use your Experience Fragment when authoring your pages:

  1. Open any page for editing.

    For example: http://localhost:4502/editor.html/content/we-retail/language-masters/en/products/men.html

  2. Create an instance of the Experience Fragment component, by dragging the component from the Components browser to the page paragraph system:

    xf-authoring-09

     
  3. Add the actual Experience Fragment to the component instance; either:

    • Drag the required fragment from the Assets Browser and drop onto the component
    • Select Configure from the component toolbar and specify the fragment to use, confirm with Done (tick)
     

    xf-authoring-10

References:

Hope that helps!

Regards,

Santosh

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @chandrika123,

Please follow below steps,

Creating an Experience Fragment

To create an Experience Fragment:

  1. Select Experience Fragments from the Global Navigation.

    screen_shot_2018-04-05at92221am1

  2. Navigate to the required folder and select Create.

  3. Select Experience Fragment to open the Create Experience Fragment wizard.

    Select the required Template, then Next:

     

    xf-authoring-02

  4. Enter the Properties for your Experience Fragment.

    A Title is mandatory. If the Name is left blank it will be derived from the Title.

     

    xf-authoring-03

  5. Click Create.

    A message will be displayed. Select:

    • Done to return to the console
    • Open to open the fragment editor

Using your Experience Fragment

You can now use your Experience Fragment when authoring your pages:

  1. Open any page for editing.

    For example: http://localhost:4502/editor.html/content/we-retail/language-masters/en/products/men.html

  2. Create an instance of the Experience Fragment component, by dragging the component from the Components browser to the page paragraph system:

    xf-authoring-09

     
  3. Add the actual Experience Fragment to the component instance; either:

    • Drag the required fragment from the Assets Browser and drop onto the component
    • Select Configure from the component toolbar and specify the fragment to use, confirm with Done (tick)
     

    xf-authoring-10

References:

Hope that helps!

Regards,

Santosh

Avatar

Community Advisor

Hi @chandrika123 

We have official documentation for creating the experience fragments and how to use them by Adobe

Please refer the document below which explains in detail

https://experienceleague.adobe.com/docs/experience-manager-64/authoring/authoring/experience-fragmen...

Hope this is helpful