Application Form

The Application Form Web Component shows a form for a candidate to apply to your vacancy.

Usage

<mk-application-form
    id="your-vacancy-id"
    customer-id="your-customer-id"
    language="en-US"
></mk-application-form>

HTML Attributes

Parameters marked with * are required.

Parameter	Default	Description
customer-id*		Your MindKey assigned customer id (GUID).
id*		The id of your vacancy.
language*		The language to request.
culture		The culture to use. See Language & Culture for more information
query-param	''	Specifies a parameter in the URL's query to read the id from. See Vacancy Query Params for more information.
show-colon-in-field-names	true	Shows/Hides the colon in field names, e.g. Title: when turned on, or Title when turned off
append-to-title	false	If true will append the vacancy name to the HTML title attribute. Improvement for SEO and readability of browser tabs. It will concatenate the original title with the title-separator attribute and the title of the vacancy.
title-separator	@	The separator to use when append-to-title is true. Will result in: <Vacancy Title> <title-separator> <Original Title>
vacancy-list-url	null	Set this to an URL that contains the [Vacancy List](vacancy-list.mdx which will be shown in case a vacancy has not been found. See Unavailable vacancies for more information.
unsolicited-application-url	null	Set this to an URL that shows the user how to send an unsolicited application e.g. you can link to another Vacancy Details or directly to an Application Form. It will be shown in case a vacancy has not been found. See Unavailable vacancies for more information.
enable-picture-preview	false	Set this to true to enable the picture preview for any uploaded (or from LinkedIn or Jobindex QuickApply) profile picture.
automatic-social-media-content	false	true to set some social media related meta tags. Only useful for crawlers that execute JavaScript, like Google and Bing.
show-social-share	false	true to enable the social share feature. Please also set at least one of the following share-* attributes to true to enable sharing to a specific platform.
share-via-email	false	true to enable sharing via email.
share-via-linked-in	false	true to enable sharing via LinkedIn.
share-via-facebook	false	true to enable sharing via Facebook.
share-via-whats-app	false	true to enable sharing via WhatsApp.

Integrations

LinkedIn Integration

You can offer candidates the option to log in via LinkedIn, allowing them to automatically populate basic information such as:

• First name
• Last name
• Email address
• Profile picture

Setup

To enable LinkedIn integration for a specific application form type, follow these steps:

1. Navigate to Recruitment -> Setup -> Publishing -> Application Form Type.
2. Select the desired application form type.
3. In the "Integrations" section, enable the option "Enable SignIn with LinkedIn".

info

For the LinkedIn integration to function correctly, ensure that CORS is configured properly. You must not use a wildcard origin (*). Only specific origins are supported.

Jobindex QuickApply

You can offer candidates the option to retrieve their Jobindex QuickApply profile, allowing them to automatically populate some information:

• First name
• Last name
• Email address
• Address
• Zip code
• City
• Phone number
• Profile picture
• Resume attachment

Setup

Enable Jobindex QuickApply

To enable Jobindex QuickApply for a specific application form type, follow these steps:

1. Navigate to Recruitment -> Setup -> Publishing -> Application Form Type.
2. Select the desired application form type.
3. In the "Integrations" section, enable the option "Enable Jobindex QuickApply".

Setup resume import

To import the Jobindex QuickApply resume you have to set up your application form type's attachments. Go to the tab "Attachments" of your application form type. Either select an existing one or create a new one. Make sure that the "Attachment Type" is either "Resume" (recommended) or "Other".

The Application Form Web Component will use the first attachment of type "Resume" to attach the Jobindex QuickApply resume. It will fall back to the first "Other" attachment if no "Resume" is available.

info

If you have multiple languages set up for your application form type, you have to repeat this process for each language.

Configurator

Basic

customer-id* — Your MindKey assigned customer id (GUID).

id* — The id of your vacancy.

language* — The language to request.—da-DKde-DEen-USfi-FIhu-HUis-ISkl-GLnb-NOsv-SE

culture — The culture to use.

query-param — URL query parameter to read vacancy id from.

vacancy-list-url — URL to Vacancy List for unavailable vacancies.

unsolicited-application-url — URL for unsolicited applications.

Display

show-colon-in-field-names — Show colon in field labels.enable-picture-preview — Enable picture preview for uploaded photos.append-to-title — Append vacancy name to page title.

title-separator — Separator for appended title.

automatic-social-media-content — Set social media meta tags.

Social Sharing

show-social-share — Enable social share feature.share-via-email — Share via email.share-via-linked-in — Share via LinkedIn.share-via-facebook — Share via Facebook.share-via-whats-app — Share via WhatsApp.

Stylesheets

structure.css — Basic structure without colors.application-form.css — Application Form styling.

Preview

Enter a customer-id and select a language to see a live preview.

Code

Component snippet

<mk-application-form></mk-application-form>

Full HTML page

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MindKey Recruiting</title>
    <script src="https://recruiting.mindkey.com/mk-recruiting-components.js"></script>

</head>
<body>
    <mk-application-form></mk-application-form>
</body>
</html>