How can I add requirement tags to a job board created in Webflow using CMS Collections and linking them to the main CMS Collection for jobs?
TL;DR
- Create a "Requirements" CMS Collection with a Name field.
- Add a multi-reference field in the Jobs Collection linked to the Requirements collection.
- Assign relevant requirement tags to each job post via the multi-reference field.
- Display tags on the Jobs Template Page using a Collection List connected to the Requirements field.
- Optionally, enable filtering by tags using built-in filters or third-party tools like Jetboost or Finsweet.
To add requirement tags (like skills or qualifications) to a job board in Webflow using CMS Collections and link them to job postings, you need to set up a multi-reference field in your jobs CMS. Here’s how to do it:
1. Create a CMS Collection for Requirement Tags
- Go to the Webflow CMS and Add New Collection.
- Name it something like "Requirements" or "Skills".
- Add a field called Name (or Label) for the actual requirement (e.g., “JavaScript”, “Bachelor’s Degree”).
- Optionally, add a color picker or icon field if you want to style the tags visually.
- Publish the changes to make this collection live.
2. Add a Multi-Reference Field to the Jobs Collection
- Go to your Jobs CMS Collection.
- Add a new field and choose Multi-reference.
- Name it something like “Requirements”.
- Link it to your Requirements collection.
- Save and re-publish the site if necessary.
3. Link Requirement Tags to Each Job Posting
- While editing or creating a job post in the Jobs Collection, scroll to the new Requirements field.
- Select or add multiple existing requirement tags from the Requirements CMS.
- Save the job post.
4. Display Requirement Tags on the Template Page
- Open the Jobs Template Page in Webflow Designer.
- Drag a Collection List into the job layout.
- Connect the list to the Requirements multi-reference field.
- Inside the Collection List, add a Text Block bound to the Requirement Name.
- Style this text block like a tag (e.g., add padding, background color, border-radius).
- Optionally: Add flexbox or grid styling for aligning multiple tags properly.
5. Optional – Enable Filtering by Tags on a Job Board Page
- On your job listing grid page, add a Collection List of jobs.
- Add Filters using Webflow’s built-in filters (limited) or use a third-party filter plugin like Jetboost or Finsweet’s CMS Filter.
- Use these tools to allow visitors to filter jobs by specific requirements/tags dynamically.
Summary
To add and link requirement tags to jobs in a Webflow job board, create a Requirements CMS, add a multi-reference field to Jobs, connect relevant tags to each job, and then display them using a Collection List. This allows for scalable, relational data between job posts and skill tags.
