Badge Webflow Award Winner 2023

How to create a 100% Webflow recruitment platform?

Create a job board, in just a few steps and without any code, using your Webflow site. Create a powerful recruitment tool for your company today!

Published on 
17/5/2022
-
Amended on 
27/3/2023
-
5 min
Mockup of a man on a desk in front of his computer with Webflow logo next to it

Creating your recruitment platform on webflow has many advantages... Here are some of them

  • You don't pay X euros to register on this or that recruitment platform,
  • You can work on the SEO of each of your ads to be well positioned on the job searches of future candidates,
  • It enhances the user experience of your site: showing that your company is fit and recruiting is a good sign!
  • You are 100% free to create your own design, structure and texts for the job description

So, now that you understand why you should create your career portal on Webflow, here are the steps to follow 👇

Part 1: creating the front-end on Webflow

1.1 Creating a collection

The CMS collection is the functionality that will allow you to create and manage your content dynamically. (New job offers, new vacancies, modifications of an existing offer, etc.).

Go to your Webflow project and create a "Jobs/Employments" collection with the fields necessary for its development.

  • Job name(Plain text)
  • Date of recruitment
  • Job description
  • Location
  • Etc....
CMS collection for job offers in Webflow
CMS Collection in Webflow

1.2 Pages to be created

In order to create a career portal on Webflow, you will need to create at least 2 pages. A static page and a dynamic page which will be affiliated to the "Jobs/Emploi" collection.

  1. The static page will be the "portal" page, grouping all the advertisements
  2. The "announcement" page, which is a dynamic page (template), to transform the data of each new item you create in a collection into a job description with the design you choose!
Static Webflow page with integrated collection
Static page with an integrated collection
Page Template dynamic collection in Webflow
Dynamic template page of a "Jobs" collection

1.3 Optimising "on page" SEO

Here are some tips for optimising the SEO of your job pages

  • Add a dynamic field for the Title Tag
  • Add a dynamic field for the Meta Tag
  • Think about Open Graph Images
  • Put the job name in H1
  • Work on the keywords associated with this position in the job description
SEO parameters of a Webflow page with dynamic collection field
Click on Add Field to add a field

1.4 Adding structured data

Structured data is essential, as it will allow Google to identify that this page is a job offer. This will allow your ads to stand out in Google Job's. In this article you will find Google's recommendations on how to integrate rich data "JobPosting" for your job offers.

Need help to develop your job portal on Webflow? Digidop accompanies you step by stepfrom design to development with the integration of dynamic structured data on Webflow!

Enhanced results for the search "Digidop Job"
Enriched job's results

Part 2: Creating the back-end with Airtable or Coda

Webflow is the ideal tool to create the front-end of your recruitment platform. In the second part of this article, discover how to create and manage the back-end of this platform.

Manage the follow-up of your applications with a CRM specially designed for your recruitment web platform. Discover in this article how to create this module, without code, thanks to Airtable or Coda.

Ready to take your website to the next level?

Improve your online visibility thanks to Digidop's experience, excellence and reactivity!

Stay in touch with Digidop news!