Skip to main content

​
What is a Page Type?

One way ButterCMS can organize your content is via Page Types. A Page Type uses data fields (like text, images, and references) to define the schema (or structure) of your content. After you create a Page Type, you can create multiple pages from that template. For this quickstart, we’ll create a simple Landing Page type.

​
Step 1: navigate to Content Types

1

Go to Content Types

From within your dashboard, click on Content Types in the left sidebar navigation.
2

Create New Content Type

Click the New Content Type button and select Page Type.

​
Step 2: add fields to your Page Type

Navigate to the fields menu on the left-hand side and click the field type you want to add. Each field type has specific properties that determine the attributes you can set on the field and the kinds of data it can hold. To make a simple landing page, do the following:

​
Add a headline field

  1. Click Short Text to add it to your schema
  2. Name it headline
  3. This will be the main title of your landing page

​
Add a hero image field

  1. Click Media to add it to your schema
  2. Name it hero_image
  3. This allows uploading an image for the page header

​
Add a body content field

  1. Click WYSIWYG to add it to your schema
  2. Name it body_content
  3. This provides a full rich text editor for the main content

​
Add a CTA button text field

  1. Click Short Text again to add another short text field to your schema
Name it cta_button_text
  1. Click Short Text again to add another short text field to your schema
  2. Name it cta_button_link
Your schema should now look something like this: [insert image here]

​
Step 3: save your Page Type

Click the Save button in the top right corner. You’ll be prompted to give your Page Type a name. Call this one Landing Page. Once saved, your Page Type is ready to use.

​
Available field types

ButterCMS offers many field types for different content needs:
  • Short Text: Single line text (titles, labels)
  • Long Text: Multi-line plain text
  • WYSIWYG: Rich text editor with formatting
  • HTML: Raw HTML input field
  • For images and videos
  • Number: Integers and decimals
  • Date: Date and time picker
  • Dropdown: Predefined options
  • Checkbox: Boolean true/false
  • Color Picker: Color selection with hex value output
  • Reference: Link to your other content types
  • Component: Reusable content blocks
  • Component Picker: Dynamic component selection
  • Repeater: Repeat a set of fields multiple times
  • Form Fields: Integrate with popular form service providers, like Jotform, Typestack, and Formstack
Start simple! You can always add more fields to your Page Type later as your content needs grow.

​
What you’ve accomplished

You’ve created your first Page Type with a structured schema for landing pages.
You’ve prepared your schema, and it’s ready for you to add content. In the next step, you’ll create your first page using this template.

​
Next step

Create sample content

Add content to your newly created Page Type.