How to model a video course page

In this guide, we are going to showcase how to create an efficient and UX-friendly content model for your online video course or training page.

Page structure

This first "Hero" section is fixed on the page structure. We'll then configure the fields for this section into the "Static Zone" of the Custom Type:

  • Title field - restricted to "h1", for the video course title
  • Image field - for the hero banner
  • Rich Text field - for the course description
1 of 3
< PreviousNext >

In this section, we'll highlight each lesson of the video course.

In the non-repeatable zone

  • Title field - restricted to "h1", for the section title

In the repeatable zone:

  • Image field - for the lesson's thumbnail
  • Title - for the lesson title
  • Link field - for the URL of the specific lesson.
2 of 3
< PreviousNext >

In this section, we'll use a content relationship field to link another document, where we'll have a video course's biography

3 of 3
< PreviousNext >

How to set it up in Prismic

  • Create a new repeatable Custom Type
  • Copy the JSON below and paste it under the "JSON Editor" of this new Custom Type
CopyExpand/Collapse

What editors will see

How to model content for your project Sarah will be glad to help you come up with a solid content model for your project. (It’s free.) Schedule a call