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

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
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
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
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
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
{ "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