---
title: Using the Pages application
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

## You will learn about:

> **Info:** **Important note**
>
> Dancing Goat is a specific sample website used for the purposes of the tutorial. The editing experience on your company’s website might be different, e. g. you'll have different page templates or widgets available.

Before you start working on your website, you need to understand the specifics of Xperience websites.

The website runs as two applications.

- The **front-facing site** is an MVC application built by developers either on the new ASP.NET Core or on time-tested ASP.NET MVC framework.
- As an editor, you will spend most of the time in the **second Xperience application**. The second application serves as the content repository and **provides the administration interface**. In the administration interface, you'll **edit** or **create pages**, add **file attachments**, or **upload images**to media libraries.

All content changes you make in the administration interface are stored in the website's **shared database**. Developers prepared the second live site application to draw the data from the database and display it to the website's visitors. **Both applications** run in a web farm and **synchronize any changes in data** (e.g., page content or settings) and **files** (e.g., media libraries).

![Xperience applications and the shared database](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/Database.png "Xperience applications and the shared database")

As a **content editor**, you're responsible for **preparing great content** that \*\*attracts website visitors.\*\*You can leave the worries of how the content is displayed to the designers and developers working on the front-facing application.

To make sure content displays as intended and that the website provides a consistent experience, your developers **pre-defined** what **changes** **you can make** in the website's administration.

For example, if you decide to move your _Home_ page to your _Articles_ section, you won't be able to. Developers restricted such an action.

But, let's say you want to support your message with images on pages built with the _page builder_. In this case, the developers created widgets you can use to adjust the page's layout or content.

### Accessing the Pages application

![](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/Pages-icon.png)

The **Pages** application is one of the most used Xperience applications among non-technical users. You can access the application in multiple ways:

- Click the **Pages** application tile on your dashboard.
- Click the **Xperience logo** to open the application list (or press the **F2** key on your keyboard), and select the **Pages** application. (You can also type _"pages"_ in the search box to filter the application list.)

🎬 [Video](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/navigate-to-pages-application.mp4)

### Pages application basics

The  **Pages**application allows you to add and modify content on your website.

The application's window is divided into two parts. The **content tree**on the left-hand side displays content items in a tree structure. The tree items are called **pages**, and you can **view**and **edit their content**on the right-hand side of the application.

![](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/pages-editing-window.png)

Using the pages, you can store content separately from the design of the live site.

Keep in mind that on Xperience websites, the pages listed in the tree don't necessarily display on the live site. **Rather than website pages** where each item has its direct representation on the live site, **think of pages in the tree as containers** for your content. To see how they are presented on the live site, you can use the **Preview** mode.

The **Pages** application offers three _view modes_ in which you can work with content:

![](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/edit-preview-button.png)

- **Edit** – the default view mode in which you edit the content of the website.
- **Preview** – displays the latest version of the page. You can use _Preview_ to see what your changes look like before they are published.
- **Listing** – shows a list of all pages under the currently selected page. You can use the _Listing_ mode to perform bulk operations, such as deleting or translating pages at once.

Under the _view mode buttons,_ the **action buttons** help you create new or organize existing pages in the content tree. However, remember that developers define rules for where you can or cannot move or create pages.

![](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/content-tree-actions-guide.png)

### Editing content in the Pages application

Each page is based on a specific _page type_ that defines the structure and the editing experience for its content. You can edit the content of the page on: 

- **Content** tab.
- **Page** tab.

### Editing content on the Content tab

The **Content** tab allows you to add or manage _structured content_ through _fields_.

Developers prepared the fields to hold specific content types, such as _heading_, _text_, or _image_. They also ensured that data managed through the fields is presented on the live site precisely as intended.

As an editor, you'll benefit from the _structured content_. It lets you focus on creating great content. You don't need to define the layout and styling of the content.

### Working with the Content tab

The _Content_ tab on the _About Us > Our_   _philosophy_  page provides you with the following fields:

- **Heading** – holds the title of your content.
- **Image** – allows you to upload a picture that will support your message.
- **Text** – serves to work with the main body of your content.
- **Publish from** and **Publish to** – define the period during which your content is available on the live site.

🎬 [Video](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/working-with-built-in-rte.mp4)

The **Text** field uses the Xperience built-in **rich text editor**. The rich text field editor brings _WYSIWYG_ experience and offers different styling options for your text. Besides basic text-editing options, such as **bolding** or _italicizing_, you can add _numbered_ or _bulleted_ lists, adjust text's alignment, create hyperlinks or add images. To edit the HTML markup of the field, use the **Source** button.

** Task:**

Dancing Goat company goes to great lengths to serve the best coffee possible – from carefully sourcing their coffees, hand-picking farmers, to roasting coffees in-house. They want customers who learn more about the company's philosophy to find out more about the journey coffee takes before it turns into a delicious cup.

Use the **Content** tab and create a hyperlink from the _About us > Our philosophy_ text to the _Coffee Beverages Explained_ article.

 **Need help?**

Use the following steps to add the hyperlink:

1. Sign in to your website.
2. Navigate to the **Pages** application.
3. In the content tree, click the (+) button to expand the _About Us_ page's child items.
4. Open the _Our philosophy_ page.
5. Use the **Insert/Edit link** button and create a _hyperlink_ to the _Coffee Beverages Explained_ article.
   1. Highlight the text you want to link.
   2. Click the **Insert/Edit link** button in the editor toolbar. The editor opens a dialog window.
   3. If necessary, switch to the **Content** tab in the dialog.
   4. In the content tree, expand the _Articles_ page and select the _Coffee Beverages Explained_ article.
   5. Click the **Save & Close** button in the dialog window.
6. Click the **Save** button to save your changes.

Let's see what your changes look like on the live site. There're two ways you can preview your changes.

- You can click the Kentico Xperience logo to open the application list. Use the **Live site** button at the bottom of the application list. Or,
- Select the _About Us_ parent page in the content tree and click the **Preview** button to switch to the _preview mode_.

🎬 [Video](https://docs.kentico.com/docsassets/13tutorial/using-the-pages-application/Working-with-the-content-tab-adding-hyperlink-720.mp4)

**Next page:** [Using the page builder](https://docs.kentico.com/13tutorial/business-tutorial/web-content-management/using-the-xperience-page-builder.md)