Matchlab Express

Vacancies Overview

The vacancies section displays current job openings available via the Matchlab Express App. It is dynamically generated and customizable, offering flexibility to suit your site's needs. Below are the integration steps to display vacancies on your site.

Integrating the Express App

To integrate the Express App into your webpage, include the following stylesheet and script:

<link rel="stylesheet" href="https://express.match-lab.nl/jobs.css">

<script type="module" src="https://express.match-lab.nl/jobs.js" crossorigin></script>

The stylesheet should preferably be placed within the <head> of your document. The script can be added in either the <head> or <body> tags.

The app will render within the express-app div as shown below:

<div id="express-app" data-api-key="YOUR_API_KEY" data-locale="nl"></div>

Below are attributes to customize the app's behavior and styling:

id="express-app": The container where the app will render (required).
data-api-key: API key to access the service (required).
data-locale: Language settings (NL, EN, DE, RO) (required).
data-applied-message: Customize the confirmation message after submission.
data-applied-image: Customize the confirmation image after submission.
data-applied-url: Link to a complete different page after submission.
data-color-primary: Primary color (hex).
data-color-secondary: Secondary color (hex).
data-color-tertiary: Tertiary color (hex).
data-background-color-primary: Primary background color (hex).
data-background-color-secondary: Secondary background color (hex).
data-background-color-popover: Popover background color (hex).
data-foreground-color-primary: Primary text color (hex).
data-foreground-color-secondary: Secondary text color (hex).
data-font-family-primary: Font used for headers
data-font-family-secondary: Font used for body texts
data-font-increase-size: Adjust font size by a factor (e.g., 1.1 for 10% increase).

Use these attributes to ensure the Express App aligns with your site’s design.

See Examples

Highlighted Vacancies

Highlighted vacancies allow you to showcase specific jobs based on criteria like tags or departments. This section is perfect for drawing attention to key roles.

Everything about highlighted vacancies

Only Forms

The "Only Forms" feature lets you integrate our application forms without displaying vacancies. You can use our forms or opt for a Typeform setup, both of which will be implemented by our team.

Everything about only forms