Adding custom filters

Quick Links




Creating Filters On Pory

To add filters to your site, you will need to create a table named "Filters" on your Airtable base.

In the following job board example, we will add filters to allow users to filter by City and Position.

Site with the added filters

with an Airtable base that is set up like so:

Sample table we will be adding the filters to.


Instructions

  1. Add a Filters table by clicking on the + button next to your tables and name the table Filters (you will already have that created if you cloned our base).



  1. Leave the first column as Name and rename the second column to Field Name.
    Note: this is case sensitive
FieldDescription
NameThe filter option to be displayed
Field NameThe name of the field from your content table e.g. site-content to filter by


  1. Let's populate the table. Fill the Name column with all the available options we want the users to filter by.

    In this example for Country: San Francisco, Remote, New York etc.
    and for Position: Full-time, Part-time etc.

    Then, in the Field Name column, specify which filter each option belongs to (City or Position).

Populated Filters table

  1. In your main table, add the fields City and Position and add the filter option for each record (you can add more than 1).



  1. Refresh your site and see the filters appear.
Site with the added filters

Do you need more filters? You can repeat the same steps to add more!




Changing filter Types

Both the filter types above are using dropdown menus. To change the type:

  1. In the editor, select the Settings button above your Airtable list. A right panel will appear for you to select a filter type for each of your filters.

© 2021 Shooting Unicorns Inc.