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

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

• data-only-forms: Add this attribute to enable the Only Forms feature.
• data-popover: Defaults to true to use express without popovers set this attribute to false
• data-internal: Use this attribute to display internal jobs.
• data-external: Defaults to true to hide published jobs set this attribute to false.
• data-applied-url: Link to a complete different page after submission.
• data-applied-message: Customize the confirmation message after submission.
• data-applied-image: Customize the confirmation image after submission.
• data-applied-background: Customize the confirmation background 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 GUID prefixed with a # symbol, found for each vacancy in your Recruitee.

The express-button will be hidden once the form is active. To go back use the express-back-button

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

<button express-back-button>Return</button>

<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"
        data-popover="false"
        data-only-forms
></div>

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

<button express-back-button>Return</button>

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

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