Web Studio is almost here! An enhanced experience to make it easier to create, preview, and collaborate on your website contentLearn More
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.
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!
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
3. Give the Model a Name
4. Click Add Zone
5. Give the Zone a Name and click Update Zone
6. To create additional Zones, click the + Zone button and repeat as needed
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
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