There are various options for integrating a simple link, button or integration on a separate landing page (subpage of the website). The following shows you how to copy the corresponding link and how to display this link on the website.

Requirements

Access to the website
Minimal knowledge in web development (HTML), if you don't have this knowledge, you can send this manual to the website owner or creator.

Copy applicant link

1. Click on ‘Jobs’ in the menu at the top. This will take you directly to the job overview.

2. Click on the job for which you would like to enter the link. Then select the settings

3. If you would like to enter an unsolicited application first, for example, you can read about this here.

4. Then switch to the "Publish" tab and copy the link under "Copy link".

Examples of different variants on our website

You can also find an example if you click on https://www.dualoo.com/de-CH/Bewerberportal

We recommend checking the use of URL parameters for all variants - more on this in this article.

Variant - integrate as popup

You will find an option to integrate it as a popup below. Of course, you can also use a different library for the popup; some websites have this already integrated. You can find the documentation for the Magnific Popup Library here.

Log in to your website.
Paste the following code into the HTML section before the </body> tag. In most cases, however, it makes sense to load this only on the page where the popup is used.
If you want to host the scripts yourself, you can download them here (CSS and Javascript) and upload them to your server. Remember to adjust the URL accordingly.

<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>

Now you need to add either a button or a link to the page that will open the popup.

Inserting a popup as a link:

In the web editor, go to the page where you want to place the link.
Copy the following code to the correct job. Replace ‘COPY LINK HERE’ with the link that you copied from the job overview. The ‘’ must be retained. We recommend adding a URL parameter to the link so that no button is displayed – for more information, see this article.

<a class="job-link-modal" href="COPY LINK HERE">Initiativ- / Spontanbewerbungen</a>

This variant then looks like this:

Integrate a pop-up as a button:

In the web editor, go to the page where you want to place the link.
Copy the following code to the correct job. Replace ‘COPY LINK HERE’ with the link you copied from the job overview. The ‘’ must be retained. We recommend adding a URL parameter to
Now you just need to know the correct CSS-Klasse for displaying a button and insert it under ‘CSS KLASSE’.

<a class="job-link-popup CSS-Klasse" href="COPY LINK HERE">Unsolicited-/spontaneous applications</a>

This variant then looks like this:

The pop-up then looks something like this:

Option - integrate as a link/button

Option as a link:

In the web editor, go to the page on which you want to place the link.
Copy the following code to the correct job. Replace ‘COPY LINK HERE’ with the link that you copied from the job overview. The ‘’ must be retained. We recommend adding a URL parameter to the link so that no button is displayed – for more information, see this article.

<a href="COPY LINK HERE" target="_blank">Initiativ- / Spontanbewerbungen</a>

This variant then looks like this:

Integrate a pop-up as a button:

In the web editor, go to the page where you want to place the link.
Copy the following code to the correct job. Replace ‘COPY LINK HERE’ with the link you copied from the job overview. The ‘’ must be retained. We recommend adding a URL parameter to
Now you just need to know the correct CSS-KLASSE for displaying a button and insert it under "CSS-KLASSE".

<a class="CSS-Klasse" href="COPY LINK HERE" target="_blank">Initiativ- / Spontanbewerbungen</a>

This variant then looks like this:

Variant - integrate on a separate landing page

Enter the desired text and objects as usual.
Paste the following code in the right job. Replace ‘COPY LINK HERE’ with the link you copied from the job overview. The ‘’ must be retained. We recommend adding a URL parameter to the link so that no button is displayed – for more information, see this 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>

This variant then looks like this:

Do you need help?

Then write to us directly via the chat in Dualoo or call us - 071 552 14 14.