# Page Models

> Source: https://agilitycms.com/docs/developers/page-models

## What are Page Models and why are they important?

A Page Model in Agility represents the architecture and structure of your page. It’s important to have a good Page Model to make it as easy as possible for Editors to create new Pages on your site. 

When an Editor creates a Page, they’ll be required to choose from a selection of pre-defined Page Models that you’ve created as a Developer.  

## Model Structure

Each Model is made up of different Zones where Editors can add content. Components can be added, removed and rearranged within these Zones to structure a page.  

You might have one Model for your home page with a simple design and single Content Zone as well as a more complex two-column Page model option with a Header, Main Content Zone and a Sidebar Zone. How you choose to structure your pages is entirely up to you! 

## Creating a Page Model

To get started with your first model


1. Navigate to **Page Models **from the **Models Section** of your Agility Instance


2. Click +** New Page Model**


![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - New Layout Model-03012024160927.png)

3. Give the Model a **Name**


4. Click **Add Zone**

![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - Blank Layout Model-03012024161032.png)

5. Give the Zone a **Name** and click **Update Zone**


![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - Main Zone-03012024161305.png)

6. To create additional Zones, click the **+ Zone** button and repeat as needed


![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - Zone 2-03012024161400.png)

7. Click **Save** when you're ready


You’ll now see your new Page Model in the Page Models list and Editors can start using it for new Pages

> **Rendering the Page Model** — In order to handle the rendering for the new Page Model in your solution, you'll need to have code that will be responsible for rendering the model.

**Further Reading**


- [Component Models](https://agilitycms.com/docs/developers/component-models).