Introduction to Page Modules

Follow

In Agility CMS, Page Modules are the individual functional components that populate a page layout. Developers create a toolbox of modules Editors can use to compose what type of content is on each page, and in what order they appear.

Screen_Shot_2021-02-04_at_11.44.43_AM.png

Developers define what page modules are available in the CMS and what fields they have. Each module defined in Agility CMS should correspond to a Code file within your digital solution.

Generally speaking, if you don't have any modules defined or editors don't add modules to pages, then there won't be anything to output for your pages.

What's in a Page Module?

A Page Module in Agility CMS has a name and fields.

The name is a friendly representation of the module's intended functionality such as Posts Listing or Rich Text Area. This way, editors can easily identify them and add them to pages appropriately. 

Fields represent content that can be managed by editors. These fields are then used in code (passed as props) to display the content the editor intended.

View Field Types

Sample Page Module

The image below shows a Page Module called "Sample Module" which is constructed of a Title (Text Field), Date (Date Field), and Colors (Dropdown List Field).

Learn how to create Page Modules

Screen_Shot_2021-02-11_at_12.53.07_PM.png

Below is an image of how the module looks when added to a page for Editors to edit and interact with.

Screen_Shot_2021-02-11_at_12.57.21_PM.png

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.