All Collections
Canditates portal
Integrate applicant portal on website
How can I integrate a job individually into my website (e.g. unsolicited application)?
How can I integrate a job individually into my website (e.g. unsolicited application)?

Learn how to integrate a single job, e.g. unsolicited application, well on your website with a button and a popup.

Raphael Mösch avatar
Written by Raphael Mösch
Updated over a week ago

There are various integration options, from a simple link, button or integration on a separate landing page (subpage of the website). You can see below how you can copy the corresponding link and how this link can then be displayed 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 "Position" in the menu above. You will land directly in the job overview.

2. Click on the job for which you want 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

1. Log in to your website.

2. Copy the following code into the HTML area before the </body> tag.

3. If you want to host the scripts yourself, you can download them here (CSS und Javascript) and upload them to your server. Remember that you then have to adapt the 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>

The integration as a pop-up then looks like this, for example:

Variant - embed as link / button

Now that we have loaded the required scripts on your website, we can insert the link or button into the website.

Variant as link:

1. Go to the page in the website editor where you want to place the link.

2. Copy the following code to the correct place. Replace "COPY LINK HERE" with the link, which you can copy out in the job overview. The "" must be retained.

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

This variant then looks like this:

Variant as a button:

  1. Go to the page in the web page editor where you want to place the link.

  2. Copy the following code to the correct place. Replace "COPY LINK HERE" with the link, which you can copy out in the job overview. The "" must be retained.

  3. Now you only need to know the correct CSS class and insert it at "CSS class".

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

This variant then looks like this:

Variant - integrate on a separate landing page

  1. Enter a new subpage and define the desired texts and objects as usual.

  2. Copy the following code to the correct job. Replace "INSERT LINK HERE" with the link you copied from the job overview. The "" must remain.

    <iframe src="INSERT LINK HERE?lang=en&backButton=hide" scrolling="no" frameborder="0" style="width: 100%; overflow: hidden; height: 2110px;"></iframe>

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.

Did this answer your question?