Es gibt verschiedene Integrationsmöglichkeiten von einem einfachen Link, Button oder der Integration auf einer separaten Landingpage (Unterseite der Webseite). Wie Sie den entsprechenden Link kopieren können und wie dieser Link, dann auf der Webseite darstellen können sehen Sie nachfolgend.
Voraussetzungen
Zugang zur Webseite
Minimale Kenntnisse in Web-Entwicklung (HTML), falls Sie dies nicht haben können Sie diese Anleitung an den Webseiten-Betreiber resp. Ersteller senden.
Bewerber-Link kopieren
1. Klicken Sie oben im Menü auf "Stellen". Sie gelangen direkt zur Stellenübersicht.
2. Klicken Sie dort auf die Stelle, für die Sie den Link erstellen möchten. Wählen Sie dann die Einstellungen
3. Wenn Sie zunächst z.B. eine Initiativbewerbung erstellen möchten, können Sie dies hier nachlesen.
4. Anschliessend wechseln Sie auf den Reiter "Veröffentlichen" und kopieren den Link unter "Link kopieren" raus.
Beispiele verschiedener Varianten auf unserer Webseite
Sie finden auch verschiedene Beispiele auf unserer Webseite https://www.dualoo.com/de-CH/Bewerberportal
Bei allen Varianten empfehlen wir den Einsatz von URL Parametern zu prüfen - mehr dazu in diesem Artikel.
Variante - als Popup einbinden
Sie finden folgend eine Option zur Einbindung als Popup. Sie können natürlich auch ein andere Library für das Popup verwenden, einige Webseiten haben dies bereits integriert. Die Dokumentation der Magnific Popup Library finden Sie hier.
Loggen Sie sich auf Ihrer Webseite ein.
Kopieren Sie folgenden Code in den HTML-Bereich vor dem </body>-Tag ein. Meist macht es Sinn diese jedoch nur auf der Seite zu laden, wo auch das Popup genutzt wird.
Falls Sie die Scripts selber hosten wollen, können Sie diese hier herunterladen (CSS und Javascript) und auf Ihren Server uploaden. Bedenken Sie, dass Sie dann die URL anpassen müssen.
<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-modal').magnificPopup({
type: 'iframe',
mainClass: 'job-link-modal',
fixedContentPos: 'true',
overflowY: 'hidden'
});
});
</script>
Nun muss auf der Seite entweder noch ein Button oder ein Link eingebunden werden, welcher dann das Popup öffnet.
Popup als Link einbinden:
Gehen Sie im Webeditor auf die Seite, auf der Sie den Link platzieren möchten.
Kopieren Sie den folgenden Code an die richtige Stelle. Ersetzen Sie dabei "COPY LINK HERE" durch den Link, den Sie aus der Stellenübersicht kopiert haben. Die "" müssen erhalten bleiben. Wir empfehlen den Link mit einem URL Parameter zu versehen, damit kein Button angezeigt wird - mehr dazu in diesem Artikel.
<a class="job-link-modal" href="COPY LINK HERE">Initiativ- / Spontanbewerbungen</a>
Diese Variante sieht dann folgendermassen aus:
Popup als Button einbinden:
Gehen Sie im Webeditor auf die Seite, auf der Sie den Link platzieren möchten.
Kopieren Sie den folgenden Code an die richtige Stelle. Ersetzen Sie dabei "COPY LINK HERE" durch den Link, den Sie aus der Stellenübersicht kopiert haben. Die "" müssen erhalten bleiben. Wir empfehlen den Link mit einem URL Parameter zu versehen, damit kein Button angezeigt wird - mehr dazu in diesem Artikel.
Jetzt müssen Sie nur noch die richtige CSS-Klasse für die Darstellung als Button kennen und diese unter "CSS-KLASSE" einfügen.
<a class="job-link-modal CSS-KLASSE" href="COPY LINK HERE">Initiativ- / Spontanbewerbungen</a>
Diese Variante sieht dann folgendermassen aus:
Das Pop-up sieht dann beispielsweise folgendermassen aus:
Variante - als Link / Button einbinden
Variante als Link:
Gehen Sie im Webeditor auf die Seite, auf der Sie den Link platzieren möchten.
Kopieren Sie den folgenden Code an die richtige Stelle. Ersetzen Sie dabei "COPY LINK HERE" durch den Link, den Sie aus der Stellenübersicht kopiert haben. Die "" müssen erhalten bleiben. Wir empfehlen den Link mit einem URL Parameter zu versehen, damit kein Button angezeigt wird - mehr dazu in diesem Artikel.
<a href="COPY LINK HERE" target="_blank">Initiativ- / Spontanbewerbungen</a>
Diese Variante sieht dann folgendermassen aus:
Variante als Button:
Gehen Sie im Webeditor auf die Seite, auf der Sie den Link platzieren möchten.
Kopieren Sie den folgenden Code an die richtige Stelle. Ersetzen Sie dabei "COPY LINK HERE" durch den Link, den Sie aus der Stellenübersicht kopiert haben. Die "" müssen erhalten bleiben. Wir empfehlen den Link mit einem URL Parameter zu versehen, damit kein Button angezeigt wird - mehr dazu in diesem Artikel.
Jetzt müssen Sie nur noch die richtige CSS-Klasse kennen und diese unter "CSS-Klasse" einfügen.
<a class="CSS-Klasse" href="COPY LINK HERE" target="_blank">Initiativ- / Spontanbewerbungen</a>
Diese Variante sieht dann folgendermassen aus:
Variante - auf separater Landingpage einbinden
Erstellen Sie eine neue Unterseite und definieren Sie wie gewohnt die gewünschten Texte und Objekte.
Kopieren Sie den folgenden Code an die richtige Stelle. Ersetzen Sie dabei "COPY LINK HERE" durch den Link, den Sie aus der Stellenübersicht kopiert haben. Die "" müssen erhalten bleiben. Wir empfehlen den Link mit einem URL Parameter zu versehen, damit kein Button angezeigt wird - mehr dazu in diesem Artikel.
<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>
Diese Variante sieht dann folgendermassen aus:
Brauchen Sie Hilfe?
Dann schreiben Sie uns doch direkt über den Chat in Dualoo oder rufen Sie uns an - 071 552 14 14.