Il existe différentes possibilités d'intégration, d'un simple lien, d'un bouton ou d'une page de renvoi séparée (sous-page du site web). Vous trouverez ci-dessous comment copier le lien correspondant et comment l'afficher sur le site web.
Exigences
Accès au site web
Connaissances minimales en développement web (HTML), si vous n'avez pas ces connaissances, vous pouvez envoyer ce manuel au propriétaire ou au créateur du site web.
Copier le lien du candidat
1. Cliquez sur "Postes" dans le menu en haut. Vous accédez directement à l'aperçu des postes.
2. Cliquez sur le poste pour lequel vous souhaitez créer le lien. Sélectionnez ensuite les paramètres
3. Si vous souhaitez d'abord créer une candidature spontanée, par exemple, vous pouvez le lire ici.
4. Passez ensuite à l'onglet "Publier" et copiez le lien sous "Copier le lien".
Exemples de différentes variantes sur notre site web
Vous trouverez également un exemple lorsque vous cliquez sur le bouton "Candidatures spontanées / spontanées" sur https://www.dualoo.com/de-CH/Bewerberportal
Pour toutes les variantes, nous recommandons de vérifier l'utilisation des paramètres URL - plus d'informations à ce sujet dans cet article.
Variante - intégrer comme popup
Vous trouverez ci-dessous une option pour l'intégration en tant que popup. Vous pouvez bien sûr aussi utiliser une autre bibliothèque pour le popup, certains sites web l'ont déjà intégré. Vous trouverez la documentation de la bibliothèque Magnific Popup ici.
Connectez-vous sur votre site web.
Copiez le code suivant dans la zone HTML avant la balise </body>. La plupart du temps, il est judicieux de ne les charger que sur la page où le popup est utilisé.
Si vous souhaitez héberger vous-même les scripts, vous pouvez les télécharger ici (CSS et Javascript) et les charger sur votre serveur. N'oubliez pas que vous devez alors adapter l'URL.
<script src="https://www.dualoo.com/scripts/magnific-popup-v1.min.js"></script>
<link rel="stylesheet" id="magnific-popup-css" href="https://www.dualoo.com/css/magnific-popup-v1.css" type="text/css" media="all">
<script>
jQuery(document).ready(function() {
jQuery('.job-link-popup').magnificPopup({
type: 'iframe',
mainClass: 'job-link-modal',
fixedContentPos: 'true',
overflowY: 'hidden'
});
});
</script>
Il faut maintenant intégrer sur la page soit un bouton soit un lien qui ouvrira le popup.
Intégrer un popup sous forme de lien:
Dans l'éditeur web, allez sur la page où vous souhaitez placer le lien.
Copiez le code suivant au bon poste. Remplacez pour cela « COPY LINK HERE » par le lien que vous avez copié à partir de l'aperçu du poste. Les « » doivent être conservés. Nous recommandons d'ajouter un paramètre URL au lien afin d'éviter l'affichage d'un bouton - plus d'informations dans cet article.
<a class="job-link-modal" href="COPY LINK HERE">Initiativ- / Spontanbewerbungen</a>
Cette variante se présente alors de la manière suivante:
Intégrer un popup sous forme de bouton :
Dans l'éditeur web, allez sur la page où vous souhaitez placer le lien.
Copiez le code suivant au bon poste. Remplacez ce faisant « COPY LINK HERE » par le lien que vous avez copié à partir de l'aperçu du poste. Les " " doivent être conservés. Nous recommandons d'ajouter un paramètre URL au lien afin d'éviter l'affichage d'un bouton - plus d'informations à ce sujet dans cet article.
Il ne vous reste plus qu'à connaître la classe CSS correcte pour l'affichage sous forme de bouton et à l'insérer sous "CSS-KLASSE".
<a class="job-link-modal CSS-KLASSE" href="COPY LINK HERE">Initiativ- / Spontanbewerbungen</a>
Cette variante se présente alors de la manière suivante:
Le pop-up se présente alors par exemple de la manière suivante:
Variante - intégrer comme lien / bouton
Variante sous forme de lien:
Dans l'éditeur web, allez sur la page où vous souhaitez placer le lien.
Copiez le code suivant au bon poste. Remplacez ce faisant « COPY LINK HERE » par le lien que vous avez copié à partir de l'aperçu du poste. Les « » doivent être conservés. Nous recommandons d'ajouter un paramètre URL au lien afin d'éviter l'affichage d'un bouton - plus d'informations dans cet article.
<a class="job-link-popup" href="copiez le lien">Candidatures non sollicitées- / spontanées</a>
Cette variante se présente alors de la manière suivante:
Variante sous forme de bouton:
Dans l'éditeur web, allez sur la page où vous souhaitez placer le lien.
Copiez le code suivant au bon poste. Remplacez ce faisant "COPY LINK HERE" par le lien que vous avez copié à partir de la liste des postes. Les " " doivent être conservés. Nous recommandons d'ajouter un paramètre URL au lien afin d'éviter l'affichage d'un bouton - plus d'informations à ce sujet dans cet article.
Il ne vous reste plus qu'à connaître la bonne classe CSS et à l'insérer sous "CSS-Klasse".
<a class="CSS-Klasse" href="COPY LINK HERE" target="_blank">Candidatures non sollicitées- / spontanées</a>
Cette variante se présente alors de la manière suivante:
Variante - intégrer sur une landing page séparée
Créez une nouvelle sous-page et définissez comme d'habitude les textes et objets souhaités.
Copiez le code suivant au bon poste. Remplacez pour cela « COPY LINK HERE » par le lien que vous avez copié à partir de la liste des postes. Les « » doivent être conservés. Nous recommandons d'ajouter un paramètre URL au lien afin d'éviter l'affichage d'un bouton - plus d'informations dans cet article.
<script id="dualoo-iframe-1">
(function (){
var script=document.createElement("script");
script.src='https://jobs.dualoo.com/content/iframe/iframe_loader_v3.js';
script.onload = function(){
dualooIframe.addIframe({
elementId: 'dualoo-iframe-1',
portalUrl: 'COPY LINK HERE'
});
}
document.head.appendChild(script);
})();
</script>
Cette variante se présente alors de la manière suivante:
Vous avez besoin d'aide?
Alors écrivez-nous directement via le chat dans Dualoo ou appelez-nous - 071 552 14 14.