1. Home
  2. FAQ
  3. How can I implement the JOIN Job Widget to my website?

How can I implement the JOIN Job Widget to my website?


With the JOIN Job Widget, you can implement a career page to your own website for free. Afterwards, the Job Widget will seamlessly integrate into your career page, synchronizes itself and supports the filtering of your job ads by departments, location, and more.

The integration is done in just 5 simple steps and a few minutes:

Implementation into your CMS

If your webpage is using a Content Management System (CMS), you can likely do the implementation yourself without any technical knowledge by just following these steps:

  1. Choose the page and the field in your CMS where the widget shall finally appear.
  2. In your JOIN dashboard, click your name bottom left and choose “Company settings”.
  3. Select “Job Widget” in the left menu bar and copy the embed code on the right.
  4. Paste it into your CMS Page
  5. Save the changes.

The widget should show up on your page immediately. For more detailed information on the single steps, please check the slider below.

Not using such a CMS? Having troubles?

If you're not succeeding, your developers can easily implement the code in less than 10 minutes.

If no developer is around, we'll be glad to assist — just contact our Sales team via Customer Care Chat!

screenshot showing how to access the job widget area
screenshot showing source code view cms editor
preview of join job widget

Step 1: Choose page and field on your website

Depending on the CMS you are using and on your current setup, you might need to add another section or page to your website first!

Please mind that we cannot show this step in pictures due to the multitude of different systems.

Step 2 & 3: Copy widget code

Go to “Company settings” by clicking your name bottom left in your dashboard and click “Job Widget” on the left.

You will find the embed code on the right. Just click “Copy” and proceed to your website.

Step 4: Paste into CMS page

Most CMS are using so-called WYSIWYG editors (see screenshot above), so yours might look familiar.

Be sure to switch to “source code mode” before proceeding, and simply paste the copied text into the respective field (determining the position where the widget shall appear).

The field might not be empty (as it might be containing elements you are currently showing in e.g., your Career section). Be sure to not delete existing content, as it might be lost afterwards. You can also paste the widget code at the end of an existing content.

Step 5: Save and view your career page

If everything was executed successfully, you can view your new self-synchronizing career page right away. This is how an implemented widget can look like on your webpage.

Written by

Sarah Heßler

Updated 07/29/21