---
title: Create your page
slug: tv-emea-madrid-contentlab-2026/l3ng-create-your-page
docTags: 
createdAt: 2026-07-27T16:23:35.542Z
---

## Overview

*In this exercise, you will create a new **Product Landing** page using **Document Authoring (DA) **for our new product TravelBrew**. **You will work in the Frescopa demo site, use a template to create the page, update the content on the page, and preview the finished page.*

## Scenario

The Frescopa demo site needs a **new TravelBrew landing page **to help visitors to know more about the new product



## Create Product Landing Page

1. In https\://da.live/ navigate to frescopa > **user{{USER\_NUMBER}}** folder., eg. user50
2. **Ensure you are signed in** using the Adobe ID provided for the lab.
3. **Create a new Page:**

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/NlVa3fCFUI6hhPWloHVCZ_screenshot-2026-09-21-at-10-57-07.png" size="100" isUploading="false" width="3804" height="1598" darkWidth="3804" darkHeight="1598" position="center" showCaption="false" indent="1"}

4. Name the Page: **`{{LASTNAME}}-travelbrew`**

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/U-bZFM6oaa-Zxny6SvViC_screenshot-2026-09-21-at-105912.png" size="60" isUploading="false" width="1516" height="916" darkWidth="1516" darkHeight="916" position="center" showCaption="false" indent="1"}

5. Click** Create. **
6. This will take you to the **DA authoring interface** of your page:



## Start from Product Landing page template

*We have prepared an product landing page template to start our page from.*

1. Go to **Library**, then **Templates**:

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/iyQVypTnqnQQwA1p8eP1L_image.png" size="50" isUploading="false" width="590" height="614" darkWidth="590" darkHeight="614" showCaption="false" indent="1"}

2. You can preview the FAQ Page template by clicking on the preview icon. 
   **Click on Product Landing Page ** to add the template to our page:

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/pFIKdSbnNLRa3sobvfhMs_screenshot-2026-09-14-at-11-31-27.png" size="60" isUploading="false" width="2610" height="1494" darkWidth="2610" darkHeight="1494" position="center" showCaption="false" indent="1"}

3. **Close the Templates view:**

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/KKsU-3rOPyOuJw80dWlEo_screenshot-2026-09-14-at-14-00-27.png" size="50" isUploading="false" width="730" height="320" darkWidth="730" darkHeight="320" position="center" showCaption="false" indent="1"}

4. You can see that **a few elements have been added to our page: **

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/6A_2dY9Tfshh1EPI4K0m6_screenshot-2026-09-14-at-14-02-28.png" size="100" isUploading="false" width="2610" height="1536" darkWidth="2610" darkHeight="1536" position="center" showCaption="false" indent="1"}



## Preview the page while authoring

*DA lets you preview in various different aspect rations while you are authoring. This helps the author to preview how customers will see the page in mobile, table and desktop views before publishing the page.*

1. On the right of the document, **click on the preview:**

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/n-4leoJftaJXw8UOQYId8_image.png" size="40" isUploading="false" width="365" height="386" darkWidth="365" darkHeight="386" showCaption="false" indent="1"}

2. This will open the page preview on the side; you can choose preview type (mobile, tablet, laptop,...),** take a look at the site preview:**

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



:::hint{type="success"}
## Conclusion

In this exercise, you **created a new Product Landing page in Document Authoring **for the TravelBrew product in the Frescopa demo site. 

This exercise demonstrated how Document Authoring enables users to create structured content quickly, reuse templates, and preview updates in real time before making the page available to visitors.

**Do not close the DA page**, as we will need it in the next exercise.
:::



:::hint{type="info"}
**Next**
In the next exercise, we will author some content on the page we just created. 
:::