Edit your page

13 min

Introduction

In this exercise, we will enhance our Travelbrew landing page by updating the hero banner, creating a new cards block and update the page metadata. You will then preview the completed page to verify that all content and blocks are displayed correctly.

Overview of text editing options

Working with text should feel natural in Document Authoring.

Click on the Edit text button in the menu to see the various options. Here is a UI overview of text:

Overview of Blocks & tables UI

Blocks help add context to the content you are trying to create. Blocks are represented as tables in your document. They have a title row with the name of the block you wish to use.

The block button is contextually aware. Clicking into a table will change the add block button to an edit table button.

Update the headline in hero banner

Click and select 'Your headline goes here' in the hero-teaser-teal block.

Replace the title with Meet TravelBrew

Similarly, replace the subheading placeholder with Real coffee, anywhere your adventure takes you.

Click on Call to action text to open the link editing options. Select Edit link and update Display text to Shop TravelBrew

That's it, you have update the copy on the hero banner. The block should look like below.

Replace image in hero banner

Click on the placeholder image and press delete button. This will remove the placeholder image.

Click on Library on the menu and select AEM Assets from the pop menu. This will open AEM Assets folder

Navigate to bootcamp folder, select travelbrew-hero.png and click Select.

This should get the assets from AEM Assets digital asset management system and place it as the hero banner image on our page.

Update the FAQ contents

Replace the accordion placeholder content block with the below content.

Question Content	Answer content
How does TravelBrew heat water without a power outlet?	TravelBrew uses a built-in self-heating system, so you get a genuinely hot cup wherever you are — no mains power or open fire needed.
Can I use my own ground coffee?	Yes. TravelBrew is designed for both capsules and ground coffee, so you can brew exactly the way you like it.

Once updated, it will look like below.

Click on Question 3, click on Edit block button on the menu and select Delete row option. Do the same for Question 4 as well. This way we will edit the block and remove the unnecessary FAQ items.

Once all done, it should look like below.

Adding a new block

We want to add some information cards before the frequently asked questions.

First, let's add a Section. Place your cursor below the Hero block, and type /sec and hit Enter:

Place your cursor in between the 2 sections:

Go to Library, and click on Blocks to show the available blocks.

Find for Cards Feature block, and click on the preview button.

This will let you preview the block.

Click on Close to close the preview. You can also take a moment to preview a few of the other blocks that have been created.

Click on the Cards - Feature, and cards-feature to add the Block element to the page.

Close the Block Library, as we don't need to add other blocks.

See our cards block that has been added, with placeholder content.

Update the first cards row with TravelBrew content.

On the Image block, click Library > AEM Assets

Navigate to Bootcamp folder and select Self-Heating-Anywhere.png

Replace Feature one title with Self-Heating Anywhere

Replace Feature one description with A built-in self-heating system means a genuinely hot cup on the summit, at camp or in the car — no power outlet required.

Do the same for the second TravelBrew card content.

On the Image block, click Library > AEM Assets

Navigate to Bootcamp folder and select Capsule-or-ground-coffee.png

Replace Feature one title with Capsule or Ground

Replace Feature one description with Brew your way. TravelBrew works with both capsules and your favourite ground coffee, so nothing is off the menu.

Preview the TravelBrew landing page

When all content of the TravelBrew landing page is ready, scroll to the top and click the send icon and click Preview.

This will open a new tab for our page to preview.

Congratulations!

You have successfully created a TravelBrew landing page in Document Authoring. You used a template to get the initial structure, updated default block content and added new blocks. You also previewed the page and validated its content, structure, and presentation.

Want to know more about Document Authoring's latest updates? → Click Here