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.
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 headersdata-font-family-secondary
: Font used for body textsdata-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 ExamplesHighlighted 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 vacanciesThe "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