---
title: Update a page with an annotated visual
slug: tv-emea-brand-visibility-bootcamp/update-a-page-with-an-annotated-visual
image: https://archbee-image-uploads.s3.amazonaws.com/1Jp0iolWv35Z_mkI7oUiT/-g9ejzPvb6gBhgFYjNllZ_untitled-2.png
docTags: 
createdAt: 2026-04-30T13:39:46.650Z
---

:::hint{type="info"}
**Agent name** : Content Production Agent

**Agent capabilities**: From updating a page or form to migrating entire sites, this agent dramatically reduces time-to-market and frees teams to focus on creativity, not coordination. 

**Documentation** : [Content Production Agent](https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/ai-in-aem/agents/brand-experience/experience-production/overview)
:::

## Introduction

In this exercise, you'll use an annotated PDF to instruct the AI Assistant to make
content updates to your Fréscopa website. Rather than describing changes in natural
language, you'll upload a visual document that shows exactly what needs to change
and where.

## Prepare the annotated PDF

1. Download  **1-Update-FrescopaCoffeeSustainability-V1.pdf** below and review
   it. This document describes the required changes in a visual, annotated format.

::File{src="https://api.archbee.com/api/presign/1Jp0iolWv35Z_mkI7oUiT/3hy9z7ZvZBtVC9hbiSQam-20260508-173553.pdf" label="1-Update-FrescopaCoffeeSustainability-V1.pdf"}

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ztl8fRJ6tLn3HdHX_v7AS_screenshot-2026-05-12-at-111024.png)

## Attach the PDF to the AI Assistant

1. In the AI Assistant, click the **+** icon in the lower left of the prompt bar.
2. Select **Attach files** from the menu.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/2opGlq7405YUrY3sSh8Ua_screenshot-2026-05-08-at-22-14-19.png)

3. Attach the PDF by browsing your files or dragging and dropping it into the prompt bar.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/3ATYgWI2nxFMeMzeNiuVl_screenshot-2026-05-08-at-221627.png)

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/b63KvGIWdllDO4jwdByXE_screenshot-2026-05-08-at-221701.png)

## Submit the prompt

1. Type the prompt below into the AI Assistant, replacing **XX** with your
   **user number**, and click the **blue Send** icon.

`On https://main--frescopa--nirmaljosehere.aem.page/bootcamp/userXX/sustainability make changes based on the attached`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/mTu-25AofBrOUERhDgUZf_screenshot-2026-05-08-at-221933.png)

The agent will analyse the attached PDF and create a plan of the changes to be made.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/6MIdCKXD9xm73Iu2U2ovu_screenshot-2026-05-08-at-222104.png)

## Review and generate the page

1. Review the agent's plan to confirm the changes match your annotated PDF.
2. Select **Generate the page** and click the **blue Send** icon. The agent will
   perform the updates.

Once complete, the agent will provide a preview link.

3. Click **Preview Page** to review the changes.

![](https://adobelabs.dev/brand-visibility/l339/media_1042a4810282d69a2ca1bb19cb9035ad7181c49b5.png?width=750\&format=png\&optimize=medium)

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ooJxI0t3QUG6NS_kf-zi2_screenshot-2026-05-08-at-222411.png)

## Accept and apply the changes

Once you are happy with the preview, close the preview tab and return to the
AI Assistant.

1. Select **Accept changes as draft** and click the **blue Send** icon. This will
   apply the updates to the original page and make it ready for live publishing.

![](https://adobelabs.dev/brand-visibility/l339/media_1f437c67a031d16e2bad2ad03b545099e83210d45.png?width=750\&format=png\&optimize=medium)

:::hint{type="success"}
 You have successfully updated a webpage using an annotated PDF. The agent interpreted the visual instructions, applied the changes to your Fréscopa sustainability page, and the updated content is now ready for publishing.
:::