---
title: Edit your page
slug: tv-emea-madrid-contentlab-2026/edit-your-page
docTags: 
createdAt: 2026-08-04T12:51:30.892Z
---

### 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

1. Working with text should feel natural in Document Authoring. 
2. Click on the **Edit text **button in the menu to see the various options**. **Here is a UI overview of text:

::Image[]{src="https://docs.da.live/authors/guides/media_11e53d0a9689d806d5bc2c0316016daae53fa0e00.png?width=750&format=png&optimize=medium" size="100" width="750" height="296" isUploading="false" darkWidth="750" darkHeight="296" showCaption="false" indent="1"}

## 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.



![](https://docs.da.live/authors/guides/media_1e151b5cabddb854e54b7e35435772c1d5e0be5d9.png?width=750\&format=png\&optimize=medium)



## Update the headline in hero banner

1. Click and select 'Your headline goes here' in the **hero-teaser-teal** block.
2. Replace the title with `Meet TravelBrew`
3. Similarly, replace the subheading placeholder with `Real coffee, anywhere your adventure takes you.`

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/3zDU02-SClgm8u__KeTmJ_screenshot-2026-09-14-at-160923.png)
4. Click on Call to action text to open the link editing options. Select Edit link and update Display text to `Shop TravelBrew`

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/byfT8uDsOFZavZDTgex0N_screenshot-2026-09-14-at-16-50-42.png)
5. That's it, you have update the copy on the hero banner. The block should look like below.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/sQdwHmSznu9w5V6cMeS_e_screenshot-2026-09-14-at-165549.png)

## Replace image in hero banner

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

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/91YKqF6ZMuFOob-DVI84y_screenshot-2026-09-14-at-161424.png)
2. Click on **Library** on the menu and select **AEM Assets** from the pop menu. This will open AEM Assets folder

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/K9gIvRClXPzwZfq3f3PWU_screenshot-2026-09-14-at-11-53-52.png)
3. Navigate to **bootcamp** folder, select **travelbrew-hero.png** and click **Select.**

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/TSjZ6tImzCQnhkAQZvV1l_screenshot-2026-09-14-at-16-38-01.png)
4. This should get the assets from AEM Assets digital asset management system and place it as the hero banner image on our page.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/oBUGVRRWKVA6ZZpfKU6pl_screenshot-2026-09-14-at-165713.png)



## Update the FAQ contents

1. 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.`                         |

2. Once updated, it will look like below.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/B5ggIvtlGJazEYMVFuuw6_screenshot-2026-09-14-at-175110.png)
3. 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.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/E6NwZkCpwXLBpqUzCCp8B_screenshot-2026-09-14-at-17-52-32.png)

4. Once all done, it should look like below.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/z2ipxfE01BVZMPzR6TmR1_screenshot-2026-09-14-at-175554.png)

## Adding a new block

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

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

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/dERtBj7NjeGTxDGPMxgMw_screenshot-2026-09-14-at-17-58-37.png)

1. Place your cursor in between the 2 sections: 

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/OGSgYc4l_Mnr5jlfYumvV_image.png" size="100" isUploading="false" width="891" height="122" darkWidth="891" darkHeight="122" showCaption="false" indent="1"}

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

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Tvet_SoLWxgY3hdQxgpTE_screenshot-2026-09-14-at-180233.png)

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

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lQJ8cP-D7JyPMDtlW8yaP_screenshot-2026-09-14-at-18-03-02.png)

4. This will let you **preview the block.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/GLb36hyxBIy5uNzD9wrmc_screenshot-2026-09-18-at-095532.png)

5. **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. 

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/tbkU8oBYt5proe7kHzwhV_image.png" size="60" isUploading="false" width="276" height="100" darkWidth="276" darkHeight="100" showCaption="false" indent="1"}

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

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Mm6xTvpphS-gHizuJBkxy_screenshot-2026-09-14-at-18-25-27.png)

7. **Close the Block Library**, as we don't need to add other blocks.
8. See our **cards block** that has been added, with placeholder content. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/HQbQeZF2UcFPHgdNiCBFn_screenshot-2026-09-18-at-095859.png)

9. Update the first cards row with TravelBrew content.
   1. On the Image block, click **Library** > **AEM Assets**
   2. Navigate to **Bootcamp** folder and **select** *Self-Heating-Anywhere.png*
   3. Replace Feature one title with `Self-Heating Anywhere`
   4. 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.`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/zPh4X-e8lRoFM3T63TxyK_screenshot-2026-09-14-at-191113.png)

10. Do the same for the second TravelBrew card content.
    1. On the Image block, click **Library** > **AEM Assets**
    2. Navigate to **Bootcamp** folder and **select** *Capsule-or-ground-coffee.png*
    3. Replace Feature one title with `Capsule or Ground`
    4. Replace Feature one description with `Brew your way. TravelBrew works with both capsules and your favourite ground coffee, so nothing is off the menu.`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/kd-rIPFOoQvWx9wXBPKTY_screenshot-2026-09-14-at-192519.png)

## Preview the TravelBrew landing page

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

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/oLNGQoRmxcpbED78OXap3_screenshot-2026-09-14-at-19-26-46.png" size="100" isUploading="false" width="2626" height="1494" darkWidth="2626" darkHeight="1494" position="center" showCaption="false" indent="1"}

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

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/4recEi6CCShd4L3OYxR5e_screenshot-2026-09-14-at-192906.png" size="100" isUploading="false" width="2626" height="1494" darkWidth="2626" darkHeight="1494" position="center" showCaption="false" indent="1"}



:::hint{type="success"}
## Congratulations!

You have s**uccessfully 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.
:::



:::hint{type="success"}
Want to know more about Document Authoring's **latest updates?** [→ Click Here](https://docs.da.live/about/release-notes)
:::