How to build an automated job board using no-code
Thanks to the no-code revolution, creating a job board with hundreds or even thousands of listings has become dead simple. So simple in fact, job boards have been coined the the "hello world" of no-code.
In this tutorial, I'm going to show you step by step on how to create your own seamless job board with search, filters and automations. By the end of this tutorial, you'll be able to:
- Create and manage listings
- Receive job applications
- Receive notification when someone applies
Here's a demo of the final product 👀
How much does it cost?
Airtable has a free tier for up to 1,200 records per base and Pory is free or $18/mo when you're ready to embed or connect your own domain.
Step 1: Using Airtable
For our job board, we'll be using a tool called Airtable for managing our listings. Airtable is a visual database with the familiarity of a spreadsheet, which makes it perfect for building apps!
New to Airtable? No worries, create a free account first.
In this guide, we'll be using the Airtable base below. You can follow along with your own Airtable base, or copy this example to get started.
Step 2: Creating the job board
Now that we have our jobs ready to go, we'll be creating our listing on a platform called Pory. Pory is a platform for creating applications on top of Airtable using drag and drop blocks. It also provides your users with accounts and the ability to edit information.
New to Pory? Sign up for a 14 day free trial.
Select Create Site, choose a layout and give your job board a name. We went with the first layout for the demo (you can always change it in the editor later).
You'll be then taken to the editor where you can do things like adding new sections, pages and integrations. Let's begin by selecting Set up Airtable to connect our Airtable base to the listing.
If you're new to Pory, you'll be asked to enter your API key. This is used to authorize Pory to access your Airtable base. Once this is complete, you can then select whether you would like to connect your own base or copy one into your account. We recommend copying our example base if you're unfamiliar with Airtable.
Next, select your Airtable base and specify which table your jobs and filter options are stored. Leave the filters table as unselected if you don't have one yet.
You may notice your listings are empty cards. This is because the editor doesn't quite know which fields to use from your table yet. Select Edit Cards from the editor to start mapping the fields you want to use from the list.
I've gone ahead and set the option Title to our Position field, Subtitle to Company, Call to Action URL to Listing URL and Image to Logo.
You can also change the type of view for when the record is selected, i.e. to a link, modal or page. I've kept the view as Modal and set Long Description to Description.
Step 3: Search and filters
If you're using the Airtable base from the tutorial, you may have noticed that there are already search and filters showing. At the time of writing this, Pory performs searches on fields that are mapped to Title and Subtitle. This means, you can search for a company or position without having to do anything! In the future, this will automatically search across the entire base.
As for filters, the options are stored in a table using the following format. The Name field contains all the options for the filters and Field Name tells the site which field from your jobs table to use for filtering.
If you don't have a filters table yet, follow this format to create a table for your filters and select set up Airtable to connect it.
Tip: You can add more filters by following the same format. For example, you may want to add another filter for Industry.
Step 4: Receiving job applications
The Airtable base includes an Applicants table with a form view used for collecting submissions. This is the same form that is opened when you click on the Apply button on a job listing. See how the shared form link is stored in the Jobs table and pre-filled with the position.
The key is creating a relationship between the Jobs and applicants table to avoid duplicating data between the tables. To achieve this, the field type Link to another record is used. Now when an applicant applies for a position, the record from the Jobs table is stored as a reference.
See it in action by applying for a position :)
Step 5: Publishing your site!
Congrats - you should now have a working job board! But before we hit the publish button, don't forget to edit the placeholders and upload your site assets (logo, favicon, colors). Also have a play around with the different blocks.
3, 2, 1 publish! 🚀
Give your job board a free .pory.app domain or upgrade your account to either embed your job board into an existing site, create a subdomain i.e. https://careers.company.com or to a domain i.e. https://company.com.
Step 6 (optional): Automating tasks
Once you're happy with everything, it's time to set up some automations! Let's create an Airtable automation to receive a notification when someone applies for a job so we don't have to keep checking for updates.
You can do this by clicking on the Automations buttons inside the Applicants table in Airtable. Luckily for us, there is already a Send a Slack Message recipe we can choose. Fill out the form and start getting notifications when someone applies for a job!
Another automation idea could be sending out updates to applicants based on the application's status. For example, an email is sent when the status changes from pending to in review or a thank you message when the application is closed.
That's it! Let us know how you go and reach out if you have any questions. Hope you enjoyed the tutorial! ✨