Hiring Bull helps in making the hiring process faster, better & efficient so that you can get the deserving team, best suited for your requirements.
Hiring Bull provides the seamless integration with your Corporate Website (Career Site) so that the candidates walking in through your website don't miss the chance of reaching you for the potential positions in your organization.
Follow the steps below for integrating your Hiring Bull career site with your Corporate Website:
- Team Hiring Bull will share a zip file with you: CorporateWebsiteIntegration.zip
- Unzip this file. The folder would have below 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 any.
- Refer below HTML code(this is the code from your app.html file ) and update the Career Page of your corporate website to integrate all active jobs from your Hiring Bull account to your corporate site.
- Change the styles to match your corporate theme. ( These are just the sample designs)
- Update the path for your app.js as per your current folder location.
- Update the path for your jquery-1.10.2.min.js as per your current folder location.
- Change the domain in the below HTML with your Hiring Bull sub domain.
- E.g. Suppose if your company URL with Hiring Bull is MYDOMAIN.hiringbull.com
- Replace the name 'generic-domain' to '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" class="mt-4 ml-4"></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>