Skip to content

Content Models

A Content Model defines the fields and structure of a page type or component type. Think of it as a schema — it describes what data a piece of content can hold.

Built-in models

Alokai CMS ships with content models pre-installed in every new space:

Page types:

  • Dynamic Page — General-purpose page with componentsAboveFold and componentsBelowFold zones
  • Category Page — Category listing with componentsTop and componentsBottom zones
  • Product Details Page — Product page with a componentsBottom zone

Component types:

  • Hero, Banner, Card, CategoryCard, Editorial, Gallery, Grid, Accordion, NewsletterBox, ProductList, Scrollable, and more

Creating a custom content model

  1. Go to Content Models in the sidebar
  2. Click New Content Model
  3. Give it a name and an API ID (e.g. FeaturedCollection)
  4. Add fields using the field editor

Field types

TypeDescription
textSingle-line text
textareaMulti-line plain text
richtextRich text with formatting (Tiptap editor)
numberNumeric value
booleanTrue/false toggle
selectDropdown with predefined options
colorColor picker (hex value)
imageImage asset reference
buttonLink with label, URL, and variant
componentsNested components (for container types)

Duplicating models

Click the menu on any model and select Duplicate to create a copy with a new name and API ID. Useful for creating variants of existing component types.

API ID

The api_id is the key used when placing a component on a page. It must be unique within the space and use PascalCase (e.g. FeaturedCollection).