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.
Field descriptions
| Field | Description |
|---|---|
| Title | The title of the item. E.g. The name of the event |
| Subtitle | The text displayed beneath the title. E.g. location of event |
| Description | A paragraph displayed inside a popup modal. E.g. A detailed description about the event |
| Gallery | Displays images in a carousel inside the popup modal. E.g. promotional images of the event |
| Youtube URL | Displays a video inside a gallery view inside the popup modal. E.g. A promotional video of the event |
| Call To Action URL | A button displayed inside a popup modal that opens a URL. E.g. A website to register for the event |
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
In the Airtable site-content table, click on a blank row
Enter the all the relevent fields. For this demonstration, I will add the following:
- Title: DevSecCon
- Title URL: https://www.eventbrite.com/e/devseccon24-virtual-conference-tickets-94550734793
- Subtitle: Online event
- Date: June 15th 2020
- Description: DevSecCon is excited to expand its series of conferences into the virtual arena to bring together DevOps and Security in a unique event run by practitioners, for practitioners.
- Call To Action URL: https://www.eventbrite.com/e/devseccon24-virtual-conference-tickets-94550734793
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
Drag and drop all the images you would like to add. When you are ready, click the Upload Button
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
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
Click Create new option named Virtual Only. You will a new tag appear in the field.
Refresh your Pory site to see your newly created record!
New record with filter selectedModal of new record
