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).