Corporate website integration

HRStop Hire makes the hiring process faster, better & more efficient, so you can build the team best suited to your requirements.

HRStop Hire integrates with your corporate website (career site), so candidates who visit your website don't miss the chance to apply for open positions in your organization.

Follow the steps below to integrate your HRStop Hire career site with your corporate website:

---

• The HRStop Hire team will share a ZIP file with you: CorporateWebsiteIntegration.zip
• Unzip the file. The folder contains the following files:
  • app.js
  • jquery-1.10.2.min.js
  • app.html
• Add app.js and jquery-1.10.2.min.js to your scripts/js folder. Create one if you don't have one.
• Refer to the HTML code below (from your app.html file) and update the career page of your corporate website to show all active jobs from your HRStop Hire account.
  • Change the styles to match your corporate theme (these are sample designs only).
  • Update the path to app.js to match your folder location.
  • Update the path to jquery-1.10.2.min.js to match your folder location.
• In the HTML below, change the domain to your HRStop Hire subdomain.
  • For example, if your company URL with HRStop Hire is MYDOMAIN.hiringbull.com,
  • replace 'generic-domain' with 'MYDOMAIN'.

<!Doctype html>
<html>
<head>
    <title>App</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <style type="text/css">
        .hb-job-item{
            border: 1px solid #e4e4e4;
            width: 90%;
            height: 3rem;
            padding:8px 15px;
        }
        .hb-job-item a{
            text-decoration: none;
            color: #333;
            padding: 0.3rem;
            cursor:pointer;
        }
        .hb-job-item a.btn{
            padding: 0.3rem 0.7rem;
        }
        .hb-job-item a:first-child:hover{
            color:#f58220;
        }
        .hb-job-txt{
            padding: 0.4rem;
        }
        .hb-apl-btn{
            color:white !important;
            background-color: #f58220;
            float:right;
        }
        .hb-apl-btn:hover{
            color:white;
            background-color: #ec7209;
            float:right;
        }
    </style>
</head>
<body>
    <div id="dvJobs"></div>
    <script src="./jquery-1.10.2.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="./app.js"></script>
    <script type="text/javascript">
        $('#dvJobs').renderHiringBullJobs({
            domain:'generic-domain'
        });
    </script>
</body>
</html>