To embed jobs on your company’s website, you must copy and paste a code snippet. This way, you’ll be able to import all of your jobs with the formatting and layout you want.
- Go to Setup > Career Site.
- Choose either the default career site or the ones you created.
- Click Customize.
- In the left side panel, click Advanced Settings.
- You can embed the jobs in one of the two ways.
- Job listings with styling
- Job listings without styling
Job listings with styling
<link rel="stylesheet" href="https://css.zohostatic.com/recruit/embed_careers_site/css/v1.0/embed_jobs.css" type="text/css">
<div class="embed_jobs_head embed_jobs_with_style_1 embed_jobs_with_style">
<div class="embed_jobs_head2">
<div class="embed_jobs_head3">
<div id="rec_job_listing_div"> </div>
<script type="text/javascript" src="https://js.zohostatic.com/recruit/embed_careers_site/javascript/v1.0/embed_jobs.js"></script>
<script type="text/javascript">
rec_embed_js.load({
widget_id:"rec_job_listing_div",
page_name:"Careers",
source:"CareerSite",
site:"https://portal.zylker.com/",
empty_job_msg:"No current Openings"
});
</script>
</div>
</div>
</div>Job listings without styling
Using this option will list your jobs without any advanced style setting added to it.
<!-- Embed Code Starts -->
<link rel="stylesheet" href="https://css.zohostatic.com/recruit/embed_careers_site/css/v1.0/embed_jobs.css" type="text/css">
<div class="embed_jobs_head embed_jobs_with_style_1 ">
<div class="embed_jobs_head2">
<div class="embed_jobs_head3">
<div id="rec_job_listing_div"> </div>
<script type="text/javascript" src="https://js.zohostatic.com/recruit/embed_careers_site/javascript/v1.0/embed_jobs.js"></script>
<script type="text/javascript">
rec_embed_js.load({
widget_id:"rec_job_listing_div",
page_name:"Careers",
source:"CareerSite",
site:"https://portal.zylker.com/",
empty_job_msg:"No current Openings"
});
</script>
</div>
</div>
</div>
<!-- Embed Code Ends -->