1.2.6 CX Enterprise Coworker and AEM

IMPORTANT
Your AEM CS sandbox may be hibernated. Given that dehibernating a sandbox takes 10-15 minutes, it would be a good idea to start the dehibernation process now so that you don’t have to wait for it at a later time.
IMPORTANT
Before you begin, read the below instructions!

Video

Instructions for in-person workshops

For this exercise, you need to use:

1.2.6.1 Finding assets

Go to https://experience.adobe.com/#/coworker/chat. Sign in using your Adobe account. After logging in, click your user initials in the bottom left part of the screen and make sure you’ve selected the correct instance (--aepImsOrgName--) and sandbox (--aepSandboxName--) by selecting them as indicated below.

AEM Agents

Enter the following prompt and click Send.

IMPORTANT
Replace the X in the below prompt by the number that was assigned to you.
I want to work with AEM next, please use the AEM environment Tech Insiders - AEM + ACCS X going forward

AEM Agents

You should then see this.

AEM Agents

Enter the following prompt and click Send.

find all images that contain a gorilla, a lion, a rabbit or a leopard

AEM Agents

You should then see a similar answer.

AEM Agents

1.2.6.2 Updating assets

Content Optimization - Assets

The Content Update skill updates existing content — including content fragments, pages, forms and assets — with ease. The agent can perform actions such as updating, removing, replacing, or adding content elements to keep experiences accurate and current. Inputs can be natural language description, and when used with Jira PDFs and screenshots can provide input too.

Go back to CX Enterprise Coworker. Enter the following prompt and click Send.

For the first image, generate renditions for Instagram and LinkedIn posts

AEM Agents

After a couple of minutes, you should see a similar response.

AEM Agents

Feel free to experiment with other prompts. Scroll up and select one of the other proposed prompts, or enter your own, and click Send.

For the first image, generate a mirrored image

AEM Agents

Review the image that was generated.

AEM Agents

Content Update - Pages

Paste the following prompt and click send.

Find the page Fiber Max in the site CitiSignal and make a copy, use the name --aepUserLdap-- - Fiber Max as the newly created page and as the page title.

AEM Agents

You should then see this.

AEM Agents

Paste the following prompt and click send.

On the newly created page --aepUserLdap-- - Fiber Max in the site CitiSignal, please make the following changes:

- change the word 'winter' to 'spring'
- change the word 'lion' to 'leopard'
- change the image in the hero block to use the image 'citisignal_leopard.png'
- change the text '99.9% network reliability' to '99.999% network reliability'

AEM Agents

When prompted, review the changes, then select proceed and click Submit.

AEM Agents

You should then see this. Click the link to preview the changed page.

AEM Agents

Here’s your page.

AEM Agents

If you’re happy with the changes, select Promote and then click Submit.

AEM Agents

Provide the required permissions when prompted.

AEM Agents

You should then see this.

AEM Agents

Enter the following prompt and click send.

Add a link to the newly created page --aepUserLdap-- - Fiber Max in the navigation of the website next to Entertainment, which is in the Header (nav) page

AEM Agents

If you’re happy with the changes, select Proceed and then click Submit.

AEM Agents

If you’re happy with the changes, select Promote and then click Submit.

AEM Agents

Provide the required permissions when prompted.

AEM Agents

You should then see this.

AEM Agents

Visit your webpage, you should now see the updated navigation and the Fiber Max page.

AEM Agents

Content Update - Form Creation

Enter the following prompt. Click the + icon.

IMPORTANT
Replace the X in the below prompt by the number that was assigned to you.
Create a new Edge Delivery Service Adaptive Form using the attached screenshot and https://github.com/woutervangeluwe/techinsidersX-citisignal-aem-accs github repository

AEM Agents

Select Attach file.

AEM Agents

Download the file CitiSignal_Form.jpg to your desktop.

AEM Agents

Open the file. You’ll see a handwritten form. You will now create a new form in AEM based on that handwritten file.

AEM Agents

Select the file CitiSignal_Form.jpg and click Open.

AEM Agents

You should then see this. Click Send.

AEM Agents

Provide permissions to Coworker when prompted.

AEM Agents

Your form is now created. Open the form in AEM.

AEM Agents

Your form now looks like this, which is identical to the handwritten drawing that was provided before.

AEM Agents

Enter the following prompt and click Send.

Configure the form submission to post to 'https://hook.fusion.adobe.com/towc5m6h2ggdxkrrp5i0d277732uaqv8' and configure a thank you message that shows 'Thank you for submitting the form' after submitting it.

AEM Agents

You should then see this.

AEM Agents

Enter the following prompt and click Send.

Create a new page in the website CitiSignal with the name `--aepUserLdap-- - Fiber-Max-Interest-Form'. Set the Page Title to `Fiber Max Interest Form'. Make sure that the page doesn't have any other content. Embed the form in a new section on that page.

AEM Agents

You should then see this.

AEM Agents

Preview the page.

AEM Agents

Enter the following prompt and click Send.

Publish the new page. Also, on the existing page '--aepUserLdap-- - Fiber Max', there's a text that says 'Fill out the form here to get started.'. Add a link to that line which takes people who click the link to the new page that has the form.

AEM Agents

You should then see this.

AEM Agents

Enter the following prompt and click Send.

Can you also publish the form?

AEM Agents

You should then see this.

AEM Agents

Go to your website, to the page Fiber Max. Click the link to fill out the form.

AEM Agents

Fill out the form and click Submit.

AEM Agents

Content Update - Content Fragments

Go back to your Coworker chat on https://experience.adobe.com/#/coworker/chat.

Enter the following prompt and click Send.

Find the content fragment CitiSignal Fiber Max and make a copy, use the name --aepUserLdap-- - CitiSignal Fiber Max for the newly created content fragment

Agent Orchestrator

Provide the required permissions when prompted.

Agent Orchestrator

You should then see this.

Agent Orchestrator

Open your AEM Author environment, and go to Content Fragments.

Agent Orchestrator

You should now see the content fragment that you just created.

Agent Orchestrator

Go back to your CX Enterprise Coworker chat. Enter the following prompt and click Send.

Find the content fragment --aepUserLdap-- - CitiSignal Fiber Max and make a variation called --aepUserLdap-- - CitiSignal Fiber Max (FR), then translate all fields into french

Agent Orchestrator

Provide the required permissions when prompted.

Agent Orchestrator

You should then see this. Your fragment variation has been created successfully.

Agent Orchestrator

You can now see your new variation in the AEM UI as well.

Agent Orchestrator

Next, use CX Enterprise Coworker to translate your content fragment into more variations. Enter the following prompt and click Send.

now do the same thing for CitiSignal's top markets and their languages

Agent Orchestrator

CX Enterprise Coworker will then take the information about the top markets from the Business Context file that you uploaded in one of the previous exercises.

After a couple of minutes, you should see this.

Agent Orchestrator

Go back to your AEM UI and refresh your screen. You can now see your new variations in your content fragment.

Agent Orchestrator

You’ve now completed this lab.

Next Steps

Go to CX Enterprise Coworker and Workfront

Go Back to CX Enterprise Coworker

Go Back to All Modules

recommendation-more-help
platform-learn-help-tutorial-one-adobe