Create a Reusable Product Page Type

Pages are a very flexible content type that allows you to configure any set of content fields that you need to build a page (or even a section of a page).  Pages can be made into Page Types where you can reuse the same page template repeatedly - perfect for things like SEO landing pages, Events Pages, News Pages, About Us Pages, etc.

Step 1: Create a component

This will serve as a template for the page you are building and can be used multiple times and on multiple pages. In this example, we will be adding the following fields to your component:

  • Product Name (A name that you use to identify the family of products that you offer)
  • Product Number (A number that you use to identify the specific product you offer)
  • Warranty (Your company's policy for the warranty of the product)
  • Images
  • Description
  • Features

: You can add a field for price in your page schema. This can be entered manually or you can utilize the Write API feature to pull pricing into your website. Essentially, having the open field type in the schema gives the Write API a place to insert the price. The pricing data essentially passes through ButterCMS. This means it wont show up in the editor but is present on the website.

Step 2: Create your first Product page

Step 3: Go back and edit the schema to save it as a page type:

Step 4: Type in a name for your page type and click on the 'Save as a Page Type' button:

Note: If you are managing a large number of products, using a dropdown or a reference field to further categorize the products will help your team search content more easily.

Still have a question?

Our Customer Success team is standing by to help.