---
title: Content Management
slug: gpwc/content-management
docTags: 
createdAt: 2024-08-13T06:33:40.042Z
---

## Assets

Click to open the Asset explorer under **Content Management **in the left hand navigation.  Here you can manage the assets in your Adobe Experience Manager instance.    Click on **Assets **and select **MA1 Asset Essentials prod.   **

:::hint{type="info"}
In this case we have 2 AEM asset instances provisioned, normally there is only 1 instance per organisation so this step is skipped. 
:::

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/TL1-B0d_HOZznxeBCpyff_image.png)

You are taken to the Assets dashboard.  Click **Assets **under **Assets Management **to view the available assets.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/VmDU4DJlrBw0fL-r7me6L_image.png)

Click on the **GPWC** folder to see the assets available.  You can add new assets from your local machine if you want. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/YjoEcAD5wwRYQZw1nL3Pp_image.png)

Select an asset and click on **details**.   Here you can see information about the asset, including smart tags, versions, comments and tasks.  You can even edit the asset directly in the Journey Optimizer UI using Adobe Express.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/wFLjp3E57AAJDXp2fksUn_image.png)

## Fragments

Fragments are pre-defined pieces of content that can be referenced.   There are two types of fragments - Visual fragments to store HTML content for emails and Expression fragments to store Personalisation syntax that can be used across channels.  

Click on **Fragments **under **Content Management **to view the fragments.   You can see some visual fragments created for Petbarn Footer and Header blocks.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ZFpX7yKr-v37v3mZ0ZEqs_image.png)

Click into a fragment to view the content.  Since modifying the fragment will change the content anywhere it is referenced it's important to understand the impact any change might have.   Click the three dots to **Explore References**.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/UhgBh3C8SnpW4acbl4-wK_image.png)

Here you can see which journeys, campaigns, templates and other fragments which are referencing this one. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ZvFjwe-8uK_1k4wihB5ZZ_image.png)

## Content Templates

Content templates are pre-defined pieces of content.  Templates can be created for multiple channels and are used as starting points for messages in campaigns and journeys. 

Click to **Create template**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/zVFgWOXqQq67qrcyQBk0A_image.png)

Give your template a name - include something unique like your lastname so you can recognise it for the next exercise.   Set **Channel **as Email and **Type **for HTML.    

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/8vKYcARs7Xd_r5lQmQJcO_image.png)

Here we can choose to start from scratch using the email builder, to import pre-built HTML or to start from an existing template.   Select **Saved Templates **and choose the **Petbarn Base Template. **

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/KhHG-Jfx9E_30t3sPsW-z_image.png)

Once the preview has loaded, click **Use this template. **

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/GbbRE6GBevcTVcuFuwxDT_image.png)

A lot of the content is already configured in the template, note how fragments have been used for header and footer content and these can't be altered here unless the connection to the fragment is removed.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/hXYgxss-0llNeXB5MEbh5_image.png)

Click cancel as we don't want to change the heading right now.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/fkK91vRjD87ZWwqezVukc_image.png)

Let's add a banner image to the content.  Drag a **1:1 column **struture into the content. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/IgJILePWEoDVaKGWmbz1N_image.png)

Now drag in an **Image **component to the slot. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/kNqLBa4Pp-B76YsqV8huM_image.png)

We can choose an existing asset from the Asset repository, import new media or use Adobe's generative AI to create a brand new image from a text prompt.   Click the AI Assistant logo on the right hand side.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/pzpRvNT39R0Bgoh4Woj0o_image.png)

:::hint{type="info"}
Accept the beta agreement if you are prompted.  
:::

Add a text **Prompt, **set the **Aspect Ratio** to **Custom **and **height** to **200**, **width** to **600**.   Set the other parameters as you please.   Finally click **Generate.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/LgREMaWKZROUZPvWdAaoY_image.png)

Once the generation is complete, click **Preview **on one of the images to review the variations.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/_hzEFQq4ohg2i4c5x5n4B_image.png)

Select the variation you prefer and click **Select.  **

You will be prompted to save the image into the Asset Repository.  Select the **GPWC** folder and click **Import.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/PMEPFCje4tLIeeh7W97AE_image.png)

Lastly, add some personalisation to your template.  In the text content area, click to **Add Personalization.** 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/M247k5w6EkWA2ia3fiYiE_image.png)

This opens the personalisation editor where you have acess to all of the options for personalisation.   Search in profile attributes for **first.   ** Click on the + icon to add the **profile attributes > person > full name > first name **attribute.   

:::hint{type="info"}
This demo instance has a number of first name fields in the profile, you won't see multiples in your own instance. 
:::

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/djfx-2syr6q2RReEYlQKt_image.png)

Click **Save **to insert the personalisation syntax into the content. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/r1RAvgzNNvACOryN7Onl9_image.png)

Make some other updates to your template if you want.  Once you're happy click **Save **and then use the arrow on the top right to close the editor and exit out of your template.   



![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/cB8zdNWBkwUgPfVSI0FXp_image.png)

:::hint{type="success"}
This completes the exercise on managing content in AJO.
:::