Vacancy Explorer

The Vacancy Explorer Web Component combines all Vacancy Web Components (Vacancy List, Vacancy Details and Application Form) into a single one.

Usage

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

info

The Vacancy Explorer is a one-page solution, if you are not able to use multiple pages. Using multiple pages has a much better SEO possibility than the one-page solution.

It is recommended to use the other Web Components for a better flexibility and SEO integration.

The Vacancy Explorer should only be used if you cannot use multiple pages! If you're unsure how a multiple pages setup works, please check the Step-by-Step Guide.

HTML Attributes

Parameters marked with * are required.

Parameter	Default	Description
`customer-id`*		Your MindKey assigned customer id (GUID).
`language`*		The language to request.
`culture`		The culture to use. See Language & Culture for more information
`show-back-button`	`true`	Show/Hide a back button.
`unsolicited`		See Vacancy List - unsolicited
`access`		See Vacancy List - access
`show-list-images`	`false`	`true` to show vacancy list images, `false` to hide them.
`show-details-image`	`false`	`true` to show the vacancy details banner image.
`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.

Configurator

Preview
Code

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

Component snippet

<mk-vacancy-explorer></mk-vacancy-explorer>

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-vacancy-explorer></mk-vacancy-explorer>
</body>
</html>

Usage​

HTML Attributes​

Configurator​

Usage

HTML Attributes

Configurator