Si vous avez besoin d'aide pour la mise en œuvre, n'hésitez pas à nous contacter. Le moyen le plus simple est le chat en bas à droite du Dualoo.
Exigences
Vous devez avoir accès au site web.
Il est recommandé de transmettre ces instructions au service informatique ou aux Responsables de la maintenance de votre site web.
Vous pouvez voir ici comment les paramètres URL fonctionnent en principe et quels paramètres peuvent également être utilisés sans l'intégration iFrame
Fonctions de l'intégration iFrame
Ce type d'intégration permet d'intégrer tous les postes ouverts d'un portail de candidature directement sur votre site. Les fonctions suivantes sont prises en charge par défaut:
Mise à l'échelle automatique et scroll to top automatique lors d'un clic.
La langue du portail de candidature affiché peut être définie.
Par défaut, elle est définie par un paramètre URL lang=FR.
Le script ci-dessous peut être adapté à volonté, tant que la variable lang est attribuée avec un code langue valide (DE, EN, FR). Ainsi, vous pouvez par exemple analyser la langue directement à partir de l'URL et la transmettre à l'iFrame. Ainsi, votre portail de candidature sera toujours affiché dans la langue du site web.
Les liens directs vers une annonce de poste peuvent être réalisés avec le paramètre URL jobId=7b93f411-ed7a-4cb2-84a0-4d00632bc0db.
Un saut vers le masque de candidature peut être réalisé avec le paramètre URL page=apply.
Si vous souhaitez désactiver le bouton back, par exemple "retour à l'annonce" dans le masque de saisie, vous pouvez définir le paramètre URL backButton=hide.
L'exemple suivant montre un appel d'une annonce de poste en allemand directement sur le masque de candidature / masque de saisie sans le bouton retour:
https://www.example.ch/bewerberportal?jobId=762ff933-61a9-4d77-896b-829aea38c7b9&page=apply&lang=DE&backButton=hide
URL Paramètres
URL Paramètres | Valeurs possibles | Où puis-je trouver ces valeurs ? |
lang | DE, EN, FR | En fonction de la langue dans laquelle le portail des candidats doit être affiché. |
jobId | UUID des Jobs | Copiez l'ID du poste de l'URL :  Veuillez noter que le poste doit être publié sur le portail de candidature intégré. |
page | apply, detail | Possible uniquement si jobId est également défini. apply : Le masque de candidature de la JobID s'affiche directement. detail : l'annonce de poste de la JobID s'affiche directement. |
backButton | hide, show | Possible uniquement si jobId et page sont également définis. hide : Le bouton pour accéder à l'annonce de poste est désactivé. show : comportement standard avec le bouton d'accès à l'annonce de poste. |
Adaptations individuelles
Notre intégration iFrame est flexible et peut être intégrée de différentes manières dans votre site web. Nous avons présenté ci-dessous une variante qui fonctionne avec la plupart des CMS.
En cas de plusieurs iFrames, il est important que l'ID iFrame (dans l'exemple ci-dessous : dualoo-iframe-1) soit unique et qu'elle corresponde à votre site web et au script.
Nous nous ferons un plaisir de vous aider pour vos souhaits individuels (payants).
Trouver et Copier l'ID du portail de poste
1. 1. cliquez sur « Paramètres » en haut de la page, puis sur « Portails de candidature en ligne ».
2. Sélectionner le portail souhaité
3. Copiez la partie la plus éloignée de l'URL - il s'agit de l'identifiant du portail des postes.
Dans cet exemple: unkan2zj
Intégrer un portail de candidature avec iFrame et hauteur variable
Vous pouvez trouver un exemple sur notre site web: ici
Si vous rencontrez des problèmes, contactez notre support. Nous nous ferons un plaisir de vous aider.
Vous devez maintenant copier l'ID du portail de candidature que vous avez copié ci-dessus dans l'emplacement prévu à cet effet COPIER ICI L'ID DU PORTAIL DE POSTE. Les '' doivent être conservés.
Vous devez également saisir la langue par défaut dans la case INSCRIRE LA LANGUE ICI. Veillez à ce qu'il s'agisse de l'un des codes de langue suivants : DE, EN ou FR.
<script id="dualoo-iframe-1">
(function() {
const portalId = 'COPIER ICI L'ID DU PORTAIL DE POSTE';
const script = document.createElement("script");
script.src = 'https://jobs.dualoo.com/content/iframe/iframe_loader_v3.js';
script.onload = function() {
const urlParams = new URLSearchParams(window.location.search),
jobId = urlParams.get("jobId"),
page = urlParams.get("page"),
backButton = urlParams.get('backButton'),
lang = (urlParams.get("lang") || 'INSCRIRE LA LANGUE ICI').toUpperCase(),
params = backButton === 'hide' && page === 'apply' ? {
backButton: 'hide',
lang: lang
} : {
lang: lang
},
query = Object.keys(params).map(k => `${encodeURIComponent(k)}=${encodeURIComponent(params[k])}`).join('&'),
portalUrl = jobId ? `https://jobs.dualoo.com/portal/${portalId}/${jobId}/${page === 'apply' ? 'apply' : 'detail'}?${query}` : `https://jobs.dualoo.com/portal/${portalId}?${query}`;
dualooIframe.addIframe({
elementId: 'dualoo-iframe-1',
portalUrl: portalUrl
});
};
document.head.appendChild(script);
})();
</script>
Ensuite, copier tout le code (de <script à </script>) et l'insérer sur votre site web dans les postes ouverts. Votre service informatique ou le Responsable du site web peut normalement s'en charger pour vous.
L'intégration du portail de candidature est maintenant terminée.
Intégrer plusieurs portails de candidats avec iFrame et une hauteur variable
La procédure est essentiellement la même que pour un portail de candidats. Il suffit d'utiliser un code différent.
Un maximum de 4 iFrames peuvent être intégrées sur la même page du site, afin que votre portail de carrière reste clair.
<script id="dualoo-iframe-1">
(function() {
const portalId = 'COPIER ICI L'ID DU PORTAIL 1 DE POSTE';
const script = document.createElement("script");
script.src = 'https://jobs.dualoo.com/content/iframe/iframe_loader_v3.js';
script.onload = function() {
const urlParams = new URLSearchParams(window.location.search),
jobId = urlParams.get("jobId"),
page = urlParams.get("page"),
backButton = urlParams.get('backButton'),
lang = (urlParams.get("lang") || 'INSCRIRE LA LANGUE ICI').toUpperCase(),
params = backButton === 'hide' && page === 'apply' ? {
backButton: 'hide',
lang: lang
} : {
lang: lang
},
query = Object.keys(params).map(k => `${encodeURIComponent(k)}=${encodeURIComponent(params[k])}`).join('&'),
portalUrl = jobId ? `https://jobs.dualoo.com/portal/${portalId}/${jobId}/${page === 'apply' ? 'apply' : 'detail'}?${query}` : `https://jobs.dualoo.com/portal/${portalId}?${query}`;
dualooIframe.addIframe({
elementId: 'dualoo-iframe-1',
portalUrl: portalUrl
});
};
document.head.appendChild(script);
})();
</script>
<script id="dualoo-iframe-2">
(function() {
const portalId = 'COPIER ICI L'ID DU PORTAIL 2 DE POSTE';
const script = document.createElement("script");
script.src = 'https://jobs.dualoo.com/content/iframe/iframe_loader_v3.js';
script.onload = function() {
const urlParams = new URLSearchParams(window.location.search),
jobId = urlParams.get("jobId"),
page = urlParams.get("page"),
backButton = urlParams.get('backButton'),
lang = (urlParams.get("lang") || 'INSCRIRE LA LANGUE ICI').toUpperCase(),
params = backButton === 'hide' && page === 'apply' ? {
backButton: 'hide',
lang: lang
} : {
lang: lang
},
query = Object.keys(params).map(k => `${encodeURIComponent(k)}=${encodeURIComponent(params[k])}`).join('&'),
portalUrl = jobId ? `https://jobs.dualoo.com/portal/${portalId}/${jobId}/${page === 'apply' ? 'apply' : 'detail'}?${query}` : `https://jobs.dualoo.com/portal/${portalId}?${query}`;
dualooIframe.addIframe({
elementId: 'dualoo-iframe-2',
portalUrl: portalUrl
});
};
document.head.appendChild(script);
})();
</script>
<!-- Copier jusqu'ici si vous souhaitez intégrer deux portails de candidature. -->
<script id="dualoo-iframe-3">
(function() {
const portalId = 'COPIER ICI L'ID DU PORTAIL 3 DE POSTE';
const script = document.createElement("script");
script.src = 'https://jobs.dualoo.com/content/iframe/iframe_loader_v3.js';
script.onload = function() {
const urlParams = new URLSearchParams(window.location.search),
jobId = urlParams.get("jobId"),
page = urlParams.get("page"),
backButton = urlParams.get('backButton'),
lang = (urlParams.get("lang") || 'INSCRIRE LA LANGUE ICI').toUpperCase(),
params = backButton === 'hide' && page === 'apply' ? {
backButton: 'hide',
lang: lang
} : {
lang: lang
},
query = Object.keys(params).map(k => `${encodeURIComponent(k)}=${encodeURIComponent(params[k])}`).join('&'),
portalUrl = jobId ? `https://jobs.dualoo.com/portal/${portalId}/${jobId}/${page === 'apply' ? 'apply' : 'detail'}?${query}` : `https://jobs.dualoo.com/portal/${portalId}?${query}`;
dualooIframe.addIframe({
elementId: 'dualoo-iframe-3',
portalUrl: portalUrl
});
};
document.head.appendChild(script);
})();
</script>
<!-- Copier jusqu'ici si vous souhaitez intégrer troisportails de candidats. -->
<script id="dualoo-iframe-4">
(function() {
const portalId = 'COPIER ICI L'ID DU PORTAIL 4 DE POSTE';
const script = document.createElement("script");
script.src = 'https://jobs.dualoo.com/content/iframe/iframe_loader_v3.js';
script.onload = function() {
const urlParams = new URLSearchParams(window.location.search),
jobId = urlParams.get("jobId"),
page = urlParams.get("page"),
backButton = urlParams.get('backButton'),
lang = (urlParams.get("lang") || 'INSCRIRE LA LANGUE ICI').toUpperCase(),
params = backButton === 'hide' && page === 'apply' ? {
backButton: 'hide',
lang: lang
} : {
lang: lang
},
query = Object.keys(params).map(k => `${encodeURIComponent(k)}=${encodeURIComponent(params[k])}`).join('&'),
portalUrl = jobId ? `https://jobs.dualoo.com/portal/${portalId}/${jobId}/${page === 'apply' ? 'apply' : 'detail'}?${query}` : `https://jobs.dualoo.com/portal/${portalId}?${query}`;
dualooIframe.addIframe({
elementId: 'dualoo-iframe-4',
portalUrl: portalUrl
});
};
document.head.appendChild(script);
})();
</script>
<!-- Copier jusqu'ici si vous souhaitez intégrer quatre portails de candidature. -->
Systèmes de gestion de contenu (CMS) compatibles
Veuillez noter que l'intégration d'iFrames est limitée ou impossible dans quelques systèmes de gestion de contenu (CMS).
CMS non compatibles
Wix (état : 28.08.2024)
Solutions possibles
Si vous utilisez un CMS non compatible, vous disposez des options alternatives suivantes :
Saisie manuelle de l'annonce : saisissez l'annonce manuellement et liez le bouton « Postuler » directement au formulaire de candidature. Vous apprendrez ici comment créer le lien vers le formulaire de candidature.
Ouvrir le portail dans une nouvelle fenêtre : Liez un ou plusieurs boutons de manière à ce que le portail s'ouvre dans une nouvelle fenêtre. Découvrez ici comment ouvrir le portail de candidature.
Connexion à l'API : Utilisez notre API (interface) pour permettre une intégration transparente de vos postes. Vous trouverez ici de plus amples informations à ce sujet.