With one Data model, your teammates can create, edit, and use Data content entires to change content instantly. The following video shows an example of switching between two Data content entries made from the same Product Data model.
By coordinating the shape of your data with your UI, developers, designers, and writers can all work in parallel:
Skill set: Intermediate
Area: UI
Video Length: 4 minutes
- You'll need a Builder account.
- An evergreen browser; that is, a modern, up-to-date browser such as Google Chrome.
- Go to Models.
- Click the + Create New button.
- Name and describe your model. This example uses the Name Product and the Description Product we sell.
- Add a custom field by clicking on the + New Field button. Name the first new field
namewith a Type ofText. - Add Helper Text so teammates know what to enter in each field.
- Repeat the previous two steps for each field and adjust the Helper Text and Type according to the kind of field you want. This example uses:
Name, Type Text
Photo, Type File
Tagline, Type Text
Copy, Type Long text
Deliverable, Type Text
Price, Type Number
7. Click Save.
The following video demonstrates the above process:
The next step is to use the Data model you just made. Here, you make two Data content entries; Shoes and Pie.
- Go to Content.
- Click the + New button.
- Select Product.
- Fill out each custom field.
- Name the new content entry Shoes.
- Click Publish.
- Repeat the previous step and make another called Chef's Pie with pie-related data.
This video shows this process of making two Product Data entries:
This tutorial example uses a pre-existing product page with placeholder content and a built-in template for the layout.
- Open the content where you'd like to use the data.
- In the Visual Editor, go to the Data tab.
- Click the + Connect Data button.
- Choose Builder and then choose the Data model you made in Step 1: Create a Data Model. In this example, the Data model is Product.
- Click Pick an Entry.
- Choose one of the two you created in Step 2: Use your Data model to make content entries. In this example, the two options are Shoes and Chef's Pie.
- Bind the data to each block by clicking the Data Binding icon — the icon of the database with a small pencil — and choosing the data that you want to populate that block. Repeat for each block.
- When you're done binding the data, you can click on the pencil icon next to the entry you chose in the Data tab and switch to another entry, so that the content changes instantly.
The following video demonstrates the above process:
To get even more out of Data models with Builder, check out Integrating CMS Data.
For more general information on Data models, refer to the Data Models documentation.
Extend using your Data models by exploring Reusable Blocks.
