Matchlab Express

Only forms

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

Setting up Only Forms

Make sure you start with the default implementation
When using the only forms option, add the express-app on the top level of your <body>

To customize the form experience within your Express app, use the following settings:

only-forms: Add this attribute to enable the Only Forms feature.
data-applied-message: Customize the confirmation message after submission.
data-applied-image: Customize the confirmation image after submission.

These settings ensure that the forms match your site's branding and provide a tailored experience.

Because only forms uses a limited set of the express code, the only relevant styling attributes are:

data-color-secondary
data-background-color-popover
data-foreground-color-primary
data-font-increase-size
data-font-family-primary
data-font-family-secondary

Form Trigger Buttons

You can place form trigger buttons anywhere on your page, provided that the Express app is active. Any element with the express-button attribute will trigger a form on click. Include the data-guid attribute to specify the form to trigger, using the ID prefixed with a # symbol, found for each vacancy in your Recruitee.

<button express-button data-guid="wn8oa">Apply for full stack developer</button>

Classic form example

<div
        id="express-app"
        data-locale="nl"
        data-api-key="YOUR_API_KEY"
        data-applied-message="Thank you for testing our form"
        data-applied-image="IMAGE_URL"
        only-forms
></div>

<button express-button data-guid="wn8oa">Apply for Full stack developer></button>

Typeform example

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

<button express-button data-guid="wn8oa">Apply for Full stack developer></button>