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.
|Title||Title of the record. We use this field to display the name of the event|
|Title URL||This creates a link to a website. It is used to link to the events website|
|Subtitle||Provides extra information about the event. We use this field to specify the location of the event|
|Description||This is the main text body inside the modal. This is used to provide detailed information about the event|
|Gallery||The images stored in this field will be displayed in image carousels.|
|Call To Action URL||Users will be redirected to this location when they click the button in the modal.|
|Filter 1 & 2||Determines 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
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