---
title: AEM Content Fragments in AJO For Luma, Securfinancial & Bodea
slug: docs/aem-content-fragments-in-ajo-for-luma-securfinancial-and-bodea
docTags: 
createdAt: 2025-02-19T12:29:23.932Z
---

# Introduction

The primary objective is to provide a comprehensive guide to using existing Content Fragments (CF) from Adobe Experience Manager (AEM) with Adobe Journey Optimizer (AJO).

Content fragments for Luma, SecurFinancial, and Bodea are created in&#x20;

**[ADSS AEM Author Instance ](https://author-p97303-e890303.adobeaemcloud.com/ui#/aem/libs/dam/cfm/models/console/content/models.html/conf/your-project/settings/dam/cfm/models)**&#x77;as activated for email channels in the **[AJO Prod sandbox](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates)**.

***

## Content Fragment For Luma

We have used the Luma Newsletter email template for AEM content fragment capability.

::Image[]{src="https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-xSp93ZSPTDvhCR6302DaE-20250219-124323.png" size="56" width="1523" height="1451" position="center" showCaption="false"}

### How to Use:

1. &#x20;Go to the Email action in the journey select the surface and click on edit email body.
2. Click on saved templates and select **[Luma - Newsletter - AEM CF](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates/details/930bdeb0-dea9-443b-9695-86ba6fd5fc69/email)**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-UP7Lb529_MwjmtZ99qVc0-20250219-124602.png)

&#x20;3\. Select **use this template([Luma - Newsletter - AEM CF](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates/details/930bdeb0-dea9-443b-9695-86ba6fd5fc69/email))**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-A1EnKQTbBKJLfnIxTksWq-20250219-124727.png)

4\. All the main images in the template look broken but it is loaded from AEM Content Fragment and will appear during simulation.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-YeaMYYJw8qWoAS3Sjqcjb-20250219-181246.png)

5\. Click on the image and then the tab opens on the side and click on **Source > Personalization Icon (Person Picture)&#x20;**&#x61;nd you will see the configuration of AEM Content Fragment which was created in ADSS AEM author instance and utilization of its fields and values in AJO email.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-fLDoRtPkN6AAtL_PpTg8T-20250219-125340.png)

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-RVJywXwjONS2qEWIuF133-20250219-125433.png)

***

## Content Fragment For SecurFinancial

We have used the SecuFinancial Credit Card Application email template for AEM content fragment capability.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-MsKLm4N5EMV_5YJR-kIyr-20250219-130603.png)

### How to Use:

1. &#x20;Go to the Email action in the journey select the surface and click on edit email body.
2. Click on saved templates and select **[SecurFinancial - Credit Card Application Accepted - AEM CF.](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates/details/525943d8-b30a-4268-8b48-0da46ac34ac5/email)**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-UP7Lb529_MwjmtZ99qVc0-20250219-124602.png)

&#x20;3\. Select **use this template([SecurFinancial - Credit Card Application Accepted - AEM CF.](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates/details/525943d8-b30a-4268-8b48-0da46ac34ac5/email))**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-EuChYqhIKkLotjngfrO9n-20250219-130122.png)

4\. All the main images in the template look broken but it is loaded from AEM Content Fragment and will appear during simulation.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-OC3m6XYlfALCfHWg6CBcz-20250219-181102.png)

5\. Click on the image and then the tab opens on the side and click on **Source > Personalization Icon (Person Picture)&#x20;**&#x61;nd you will see the configuration of AEM Content Fragment which was created in ADSS AEM author instance and utilization of its fields and values in AJO email.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-8Culkm6QolGG2dvtsvWRk-20250219-130329.png)

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-TZ-n0AzIy5UMAhYcFYSuS-20250219-130441.png)

***

## Content Fragment For Bodea

We have used the Bodea Cybersecurity registration email template for AEM content fragment capability.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-bo9CgxDbJltW_4qGOImII-20250219-131252.png)

### How to Use:

1. &#x20;Go to the Email action in the journey select the surface and click on edit email body.
2. Click on saved templates and select **[Bodea - Cybersecurity Registration - AEM CF](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates/details/71704ebb-4e04-423d-bbdc-8a50c5e12b85/email)**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-UP7Lb529_MwjmtZ99qVc0-20250219-124602.png)

&#x20;3\. Select **use this template([Bodea - Cybersecurity Registration - AEM CF](https://experience.adobe.com/#/@demosystem4/sname\:prod/journey-optimizer/content-templates/details/71704ebb-4e04-423d-bbdc-8a50c5e12b85/email))**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-iUIKshRB1zBtqMVpaM9yv-20250219-131411.png)

4\. All the main images in the template look broken but it is loaded from AEM Content Fragment and will appear during simulation.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-ALbk5_lQTL7_bbLvOXguv-20250219-180955.png)

5\. Click on the image and then the tab opens on the side and click on **Source > Personalization Icon (Person Picture)&#x20;**&#x61;nd you will see the configuration of AEM Content Fragment which was created in ADSS AEM author instance and utilization of its fields and values in AJO email.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-XR2IPvO_Z28xwCV4ja7g_-20250219-131657.png)

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-Z-huDFHxacqEs0a92mbyX-20250219-131739.png)

***

## How to create content fragments in AEM

1. Go to the [AEM Author Instance.](https://author-p97303-e890303.adobeaemcloud.com/ui#/aem/libs/dam/cfm/models/console/content/models.html/conf/your-project/settings/dam/cfm/models)

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-2PkopHgUvcTqj64y4TyTx-20250219-132059.png)

2\. Click on **Tools(hammer sign) > General > Content Fragment Models.**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-50YxGcpbKaZ4LfChePKhf-20250219-132256.png)

3\. Go to your suitable folder and create a content fragment model.

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-Bx9J0-CmFk0BCLGPFWM4R-20250219-132449.png)

4\. Give a proper **title** and please attach it to the **tag&#x20;**&#x74;hat we created earlier for the AJO  environment. [How to Activate AEM Content Fragments to AJO](docId\:fw7KXHa_GT5afcPIdOqJJ)&#x20;

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-Cg_I_4as3IQ70TUuH-IIB-20250219-132816.png)

5\. Now depending on your requirement to use images or text in your content fragment you drag **data types** from the right panel and assign them a proper name&#x20;

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-MlwiWkCP-z10yboU8nT0c-20250219-133433.png)

6\. Click on save and then go to **assets > select your folder** and go to **properties** **> Cloud Services tab > under Cloud Configuration >&#x20;**&#x53;elect the folder where you have created the **Content Fragment Model.**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-UXse4g1q8cOLVIKt1r9PZ-20250219-134556.png)

7\.  Now from the main navigation go to **content fragment folder > your folder** and create **content fragment** and select th&#x65;**&#x20;model** which you created in previous steps and **tag for AJO environment.**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-GEVwtPdXz8mlhsYcOx8yg-20250219-135023.png)

8\. Now inside the **Content Fragment** drag and drop the **data types** which you added during content model creation and assign them **proper values and publish it.**

![](https://api.archbee.com/api/optimize/5DDrYpNrf6iEJahKpoKSv-OaUIKdCMA3VlFfsDpUA5j-20250219-135250.png)

### NOTE:&#x20;

As content fragment is just a JSON with key value pair provided to AJO. So the images coming from assets doesn't have full path. We created a **data type extension** in all Content Fragment and assigned them publisher instance value([https://publish-p97303-e890303.adobeaemcloud.com](https://publish-p97303-e890303.adobeaemcloud.com)) so a complete image url is passed in AJO emails and to make the image render.

