How to model a conference homepage

Over the past year, the demand for virtual events have grown tremendously. More companies are willing to hold their events online and having a clear homepage for the event website is essential.

In this article, we are going to showcase how to build a custom type modelling (templates) for your event or conference page in Prismic.

Page structure

Static Fields

Dynamic Zone

The hero banner section consists of a headline, a sub-headline and a CTA button:

Image field for the banner
Title field with H2 heading
Key Text field for the text section of the banner
Key Text field for the CTA button label
Link field for the CTA

1 of 4

< PreviousNext >

This section will describe the biography of speakers/hosts of the event.

In the non-repeatable zone:

Title field in H2 for the headline

In the repeatable zone:

Image field for the speaker's photos
Title field in H3 for the speaker's name
Rich Text field for the speaker's role and description

2 of 4

< PreviousNext >

The "Schedule slice" will highlight the upcoming events.

In the non-repeatable zone:

Title field for the headline and subheading

In the repeatable zone:

Title field for the event's name/date
Rich Text field with multiple formatting options for the event's agenda

3 of 4

< PreviousNext >

The Sponsors' slice will showcase logos of each sponsor or partner for the upcoming event.

In the non-repeatable zone:

Title field for the headline of the sponsors section

In the repeatable zone:

Image field for company's logos
Link field in the URLs to the sponsor's website

4 of 4

< PreviousNext >

Alternative approach:
Creating a separate repeatable custom type for speakers section, and configuring a content relationship field in the Speaker slice. It would allow you to pick and choose a relevant speaker from the existing list. You can learn how to build a Speakers custom type here.

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

{
  "Main": {
    "image_banner": {
      "type": "Image",
      "config": {
        "constraint": {},
        "thumbnails": [],
        "label": "Hero Banner"
      }
    },
    "event_title": {
      "type": "StructuredText",
      "config": {
        "single": "heading2",
        "label": "Event title",
        "placeholder": "Event title"
      }
    },
    "banner_text": {
      "type": "StructuredText",
      "config": {
        "single": "paragraph",
        "label": "Banner text",
        "placeholder": "Banner text"
      }
    },
    "cta_label": {
      "type": "Text",
      "config": {
        "label": "CTA label",
        "placeholder": "Button text"
      }
    },
    "cta_link": {
      "type": "Link",
      "config": {
        "label": "CTA link",
        "placeholder": "Button link",
        "allowTargetBlank": true
      }
    },
    "body": {
      "type": "Slices",
      "fieldset": "Slice zone",
      "config": {
        "labels": {
          "speakers_": [],
          "schedule_": []
        },
        "choices": {
          "customer_logos": {
            "type": "Slice",
            "fieldset": "Customer logos",
            "description": "Display a list of your customers logos",
            "icon": "person",
            "display": "list",
            "non-repeat": {
              "eyebrow_headline": {
                "type": "StructuredText",
                "config": {
                  "single": "heading2",
                  "label": "Title",
                  "placeholder": "Sponsors title section"
                }
              }
            },
            "repeat": {
              "partner_logo": {
                "type": "Image",
                "config": {
                  "constraint": {},
                  "thumbnails": [],
                  "label": "Partner logo"
                }
              },
              "link": {
                "type": "Link",
                "config": {
                  "allowTargetBlank": true,
                  "label": "link",
                  "placeholder": "Link to sponsor's website"
                }
              }
            }
          },
          "speakers_": {
            "type": "Slice",
            "fieldset": "Speakers ",
            "description": "Section with the list of event's speakers",
            "icon": "person_pin",
            "display": "grid",
            "non-repeat": {
              "title_speakers": {
                "type": "StructuredText",
                "config": {
                  "single": "heading2",
                  "label": "Headline",
                  "placeholder": "Headline"
                }
              }
            },
            "repeat": {
              "image_speakers": {
                "type": "Image",
                "config": {
                  "constraint": {},
                  "thumbnails": [],
                  "label": "Image_speakers"
                }
              },
              "speakers_name": {
                "type": "StructuredText",
                "config": {
                  "single": "heading3",
                  "label": "Speaker's name",
                  "placeholder": "Speaker's name"
                }
              },
              "speakers_text": {
                "type": "StructuredText",
                "config": {
                  "multi": "paragraph, strong, em, hyperlink, image, embed, list-item, o-list-item, rtl",
                  "label": "Speakers text",
                  "placeholder": "Speakers bio"
                }
              }
            }
          },
          "schedule_": {
            "type": "Slice",
            "fieldset": "Schedule ",
            "description": "Event's schedule",
            "icon": "schedule",
            "display": "grid",
            "non-repeat": {
              "title": {
                "type": "StructuredText",
                "config": {
                  "single": "heading2",
                  "label": "Title",
                  "placeholder": "Title"
                }
              },
              "subtitle": {
                "type": "StructuredText",
                "config": {
                  "single": "heading3",
                  "label": "Subtitle",
                  "placeholder": "Subtitle section"
                }
              }
            },
            "repeat": {
              "date": {
                "type": "StructuredText",
                "config": {
                  "single": "heading1, heading2, heading3, heading4, heading5, heading6",
                  "label": "Date and Time",
                  "placeholder": "Date and time of the event"
                }
              },
              "event_agenda": {
                "type": "StructuredText",
                "config": {
                  "multi": "paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, rtl",
                  "label": "Agenda",
                  "placeholder": "Agenda of the event"
                }
              }
            }
          }
        }
      }
    }
  },
  "SEO & Social": {
    "uid": {
      "type": "UID",
      "config": {
        "label": "UID",
        "placeholder": "Slug"
      }
    },
    "meta_title": {
      "type": "Text",
      "config": {
        "label": "Meta title",
        "placeholder": "Meta title"
      }
    },
    "meta_description": {
      "type": "Text",
      "config": {
        "label": "Meta description",
        "placeholder": "Meta description"
      }
    },
    "body1": {
      "type": "Slices",
      "fieldset": "Slice zone",
      "config": {
        "labels": {},
        "choices": {
          "twitter_card": {
            "type": "Slice",
            "fieldset": "Twitter Card",
            "description": "Fields to customize Twitter Card (Summary Card with Large Image)",
            "icon": "credit_card",
            "display": "list",
            "non-repeat": {
              "twitter_title": {
                "type": "StructuredText",
                "config": {
                  "single": "paragraph",
                  "label": "Title",
                  "placeholder": "Title for Twitter Card"
                }
              },
              "twitter_description": {
                "type": "StructuredText",
                "config": {
                  "single": "paragraph",
                  "label": "Description",
                  "placeholder": "Description for Twitter Card"
                }
              },
              "twitter_image": {
                "type": "Image",
                "config": {
                  "constraint": {
                    "width": 1200,
                    "height": 675
                  },
                  "thumbnails": [],
                  "label": "Image"
                }
              }
            },
            "repeat": {}
          },
          "open_graph": {
            "type": "Slice",
            "fieldset": "Open Graph",
            "description": "Fields to customize Open Graph",
            "icon": "thumb_up",
            "display": "list",
            "non-repeat": {
              "og_title": {
                "type": "StructuredText",
                "config": {
                  "single": "paragraph",
                  "label": "Title",
                  "placeholder": "Title for Open Graph"
                }
              },
              "og_description": {
                "type": "StructuredText",
                "config": {
                  "single": "paragraph",
                  "label": "Description",
                  "placeholder": "Description for Open Graph"
                }
              },
              "og_image": {
                "type": "Image",
                "config": {
                  "constraint": {
                    "width": 1200,
                    "height": 628
                  },
                  "thumbnails": [],
                  "label": "Image"
                }
              }
            },
            "repeat": {}
          }
        }
      }
    }
  }
}See More

What content editors will see?

Related guides

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

How to model a conference homepage

Page structure

How to set it up in Prismic

What content editors will see?

Related guides

Table of Contents