Integrate application form into website

This article describes how to integrate the application form of TOOL2MATCH into the website. This can be used, for example, when the vacancy overview and vacancy texts are entered via your own CMS or when this information is linked via APIs.

Integrate application form into website

Step 1. Place the code below on the website

Place the code below into the website where the application form should be displayed. The following fields need to be adjusted:

• Domain name: Change the variable {domain_name} into the domain name of the environment (this is the URL through which the TOOL2MATCH environment can be reached).
• Job ID: The variable {job_id} is a constantly changing variable. You can get this per vacancy from the user side of TOOL2MATCH (see step 4).
• Lang: The variable "lang" determines the language of the application form. The values can be "nl" or "gb".

<link href="https://static.tool2match.nl/widgets-base.css" rel="stylesheet">
<div id="tool2match_application_form"></div>
<script>  
 var tool2match_widget_config = {      
   "apply" : {"job_id": 1}, // modify me!      
   "hostname" : "{domain_name}.tool2match.nl" // modify me!  };
   "lang" : "nl" 
</script> 
<script src="https://static.tool2match.nl/widgets.js"></script> <script>tool2match_widgets.core.init();</script>  

Step 2. Log in to TOOL2MATCH

Log in to TOOL2MATCH with the information you received in the mailbox (these may end up in spam).

Note: Do you not (yet) have login details for the system? Please request this from one of the administrators of the TOOL2MATCH environment. With written permission from one of the administrators of the TOOL2MATCH environment, we can also provide login details.

Step 3. Open a vacancy in TOOL2MATCH

Within TOOL2MATCH, click on the name of the vacancy for which you want to link the application form. You enter the "General settings" page.

Step 4. Get the job_id number from TOOL2MATCH

At the top of the search bar you will see a number at the end of the URL. This is the "job_id" number for the vacancy.

Enter the "job_id" number in the code. 

Note: The "job_id" number 1 always refers to the vacancy "Open application". This is a vacancy that is generally open to customers in the event that you do not (yet) have login details for TOOL2MATCH.

Step 5. Adjust the requested fields in TOOL2MATCH

In TOOL2MATCH, click within a vacancy to the tab "Weergave instellingen" ("Display settings). Scroll all the way down to the box "Weergave instellingen sollicitatieformuier" ("Application form display options").

In this context you can determine which fields are/are not requested in the application form.

We always recommend that you initially activate all fields. This way you can easily find out how the different fields are displayed in the application form.

Step 6. Apply any styling

The application form broadly adopts the already familiar styling on the website and contains a basic .css file that arranges basic matters. Do you see certain features and/or fields in the application form that should be displayed slightly differently? Then adjust this in the CSS file linked to your own website.