--- title: "Experience Fragments - Content" description: "The Component - Experience Fragment Component can be used to display the same Content on multiple Pages with maintaining the Content central at one Place." path: https://www.eonshowroom.eon.com/en/specials/experience-fragments-content.html lastModified: 2024-11-14T13:59:12.618Z --- # Experience Fragments - Content # Component- Experience Fragments ![Martin Luthar](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/Male_Colleague%3A2-1?fmt=webp) ## Max Mustermann Working with E.ON Digital Technologies Brüsseler Platz 1 45131 Essen [abc123@eon.com](mailto:abc123@eon.com) [+4912345](tel:+4912345) [Facebook E.ON](https://www.facebook.com/EON) [LinkedIn E.ON](https://www.linkedin.com/company-beta/4383/) [How to Configure](#how-to) ### Description The Component - Experience Fragment Component can be used to display the same Content on multiple Pages with maintaining the Content central at one Place. **But it should be used with care!** - Every Content is possible (from single Components, like Text, to full Sections and Grids with own Content) - Show same Content on multiple Pages - Maintain Content only at one Place and not multiple Times ### Inspirations - Chocolate cake apple pie marshmallow. Jelly-o chocolate bar caramels chupa chups carrot cake sugar plum cupcake bonbon brownie. - Cake pudding sweet roll. Danish gummi bears pie marshmallow jelly beans donut. - Chupa chups jujubes marshmallow icing dessert fruitcake danish topping. Muffin apple pie tootsie roll toffee bonbon soufflé topping gummi bears. ###### This is an Example for an Experience Fragment, holding a complete Section: #### Disclaimer This press release may contain forward-looking statements based on current assumptions and forecasts made by E.ON Group Management and other information currently available to E.ON. Various known and unknown risks, uncertainties, and other factors could lead to material differences between the actual future results, financial situation, development or performance of the company and the estimates given here. E.ON SE does not intend, and does not assume any liability whatsoever, to update these forward-looking statements or to align them to future events or developments. ###### This is an Example for an Experience Fragment, holding a complete Section: ### You might also like: ![Header Navigation](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-1221309165%3A2-1?fmt=webp) ## Web Navigation [Read more](https://www.eonshowroom.eon.com/en/page-elements/web-navigation.html) ![Modal](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-534584073%3A2-1?fmt=webp) ## Modal [Read more](https://www.eonshowroom.eon.com/en/content-elements/modal.html) ![Third Level Navigation](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-1040878018-(1)%3A2-1?fmt=webp) ## Third Level Navigation [Read more](https://www.eonshowroom.eon.com/en/page-elements/3rd-level-navigation.html) ![Map Item](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-1406349370-1%3A2-1?fmt=webp) ## Map Items [Read more](https://www.eonshowroom.eon.com/en/specials/google-maps.html) ![Footer](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-1177761897-(1)%3A2-1?fmt=webp) ## Footer [Read more](https://www.eonshowroom.eon.com/en/page-elements/footer.html) ![Bottom Drawer](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-1250550139-1%3A2-1?fmt=webp) ## Bottom Drawer [Read more](https://www.eonshowroom.eon.com/en/content-elements/bottom-drawer.html) ### Usage Rules & Features ##### Features - Every Content is possible (from single Components, like Text, to full Sections and Grids with one Content) - Show same Content on multiple Pages ##### Properties - Can hold a single Component, or a Grid, or Section with Grid, containing Content itself ##### Design - It is important that the Content is build directly for the Slot it should be loaded in. For Example, if Editor wants to have a Teaser in a Grid, just the Teaser should be the Content of the Experience Fragment. ##### In which Grid Columns does it fit? This depends: - An Experience Fragment based on a Section or Grid should not be placed inside a Grid - An Experience Fragment based on a single Component should be placed inside a Grid fitting for this Component ##### DO's - Use it only if same Content is used on multiple Pages (at least on two Pages) - For including Experience Fragments containing Forms, please use Component - Experience Fragment Mulesoft Form instead of the normal Component - Experience Fragment ##### DONT's - Don't add an Experience Fragment based on a Section inside a Section or Grid - Don't add an Experience Fragment based on a Grid outside of a Section or inside a Grid - Don't add an Experience Fragment based on a single Component outside of a Grid ## Configuration ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha) ### Create Experience Fragment At first, Editor needs to create an Experience Fragment in Experience Fragments Part. [Find out more about Experience Fragment Handling](https://www.eonshowroom.eon.com/en/aem-basics/experience-fragment-handling.html) ![Add Content of Experience Fragment](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/exp-frag-content_content%3A2-1?fmt=webp) ### Add Content of Experience Fragment Inside the Experience Fragment, Editor needs to add a Section, a Grid, and / or what ever Content he / she likes to have inside the Component - Experience Fragment in the end. Editors have to ensure not to add too much Content to ensure good User Experience on different Viewports. ![Editor Dialog of Component - Experience Fragment](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/exp-frag-content_dialog%3A2-1?fmt=webp) ### Add Component - Experience Fragment to a Page Wherever Experience Fragment should be placed, add Component - Experience Fragment Component to Parsys. Then, in Editor Dialog of it, only correct Path needs to be selected. To edit the Experience Fragment later again, Editor can use corresponding Button to open it directly. #### Keep in Mind For including Experience Fragments containing Forms, please use *Component - Experience Fragment Mulesoft Form* instead of the normal *Component - Experience Fragment*. The *Component - Experience Fragment Mulesoft Form* is nearly the same Component, but it is doing some Stuff in Background to make Forms working. [Read More about Form Container](https://www.eonshowroom.eon.com/en/specials/form-container.html) [Read More about Form Elements](https://www.eonshowroom.eon.com/en/specials/form-elements.html) [Read More about Mulesoft & MtCaptcha Integration](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-form-config.html)