Install Your Job Widget

To embed the job listings on your website (like Webflow, Squarespace, etc.), copy and paste the appropriate code snippet into an HTML Embed element on your site.

Widget with Filters

This version includes built-in search and status filters. Place the div where you want the widget to appear, and the script tag just before your closing </body> tag.

<!-- 1. Add the container where the widget will be rendered -->
<div id="cruit-job-widget"></div>

<!-- 2. Add the embed script -->
<script src="https://cruit-stillinger-ajhnajg8chgshjgu.norwayeast-01.azurewebsites.net/js/embed-jobs.js"></script>

Widget WITHOUT Filters

This version has no visible filters, allowing you to control the job list programmatically. This is ideal when you want to, for example, only show jobs from a specific category on a certain page.

You can control which jobs are displayed by defining a simple filter configuration directly in your website's HTML. Copy the code below. Edit the cruitWidgetFilters object to set your desired filters.

<!-- 1. This is the container where the job widget will appear -->
<div id="cruit-job-widget-no-filter"></div>

<!-- 2. (Optional) Define your custom filters here -->
<script>
  window.cruitWidgetFilters = {
    // --- Customize your filters here ---
    // To use a filter, uncomment the line and set a value.

    // Example: Show only 'Published' jobs in 'Oslo'.
    status: 'Published',
    place: 'Oslo',

    // --- Other available filters (uncomment to use) ---
    // searchTerm: 'developer', // Searches all job content for a keyword
    // company: 'Cruit',        // Filters by a specific company name
    // id: '12345'              // Shows only a single, specific job by its ID
  };
</script>

<!-- 3. Load the main widget script -->
<script src="https://cruit-stillinger-ajhnajg8chgshjgu.norwayeast-01.azurewebsites.net/js/embed-jobs-no-filter.js"></script>

Note: Remember to check if https://cruit-stillinger-ajhnajg8chgshjgu.norwayeast-01.azurewebsites.net/ is the correct URL.