Event Template

This template helps you create an events site like Meetup or EventBrite. Below is how the Airtable fields are mapped and displayed in the site.

Airtable fields mapped and displayed in a card


Airtable fields mapped and displayed in a modal

Field descriptions

FieldDescription
TitleTitle of the record. We use this field to display the name of the event
Title URLThis creates a link to a website. It is used to link to the events website
SubtitleProvides extra information about the event. We use this field to specify the location of the event
DescriptionThis is the main text body inside the modal. This is used to provide detailed information about the event
GalleryThe images stored in this field will be displayed in image carousels.
Call To Action URLUsers will be redirected to this location when they click the button in the modal.
Filter 1 & 2Determines what the user can filter on. The filter options that populate the tags/fields are added in the Filters table




How to add a record to the Events Template

In this example, we will be adding an event, DevSecCon, to our events list. We will be adding an additional filter called Online Only to demonstrate how to add filter options.

Ensure that you have correctly created a site and cloned the Airtable template

  1. In the Airtable site-content table, click on a blank row

  2. Enter the all the relevent fields. For this demonstration, I will add the following:


  1. Lets add some images to the gallery. To do so, click on the Gallery field, click on the + button. A modal should show up.

    Alternatively, you can direclty drag and drop the images to the field


  1. Drag and drop all the images you would like to add. When you are ready, click the Upload Button


  1. Lets add a new filter, Virtual Only so users can filter by virtual only events. Select the Filters table and click on the Filter 1 field


  1. For record to filter correctly, we will also need to add the filter to the Filter 1 field of the added record. Click on the field enter Virtual Only


  2. Click Create new option named Virtual Only. You will a new tag appear in the field.


  1. Refresh your Pory site to see your newly created record!

    New record with filter selected


    Modal of new record