Embed jobs on your website
To embed jobs, you must copy and paste a code snippet to your company’s website. This way, you can bring in all your jobs with your preferred styling and formatting.
- 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
By default, Zoho Recruit gives you a styling option to display open jobs. You can add in more styling and formatting options with the CSS tags.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!-- 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 --> |
Remove fields from job listing
Zoho Recruit gives you the following default fields for your job listing: job type, city, country, date opened, job description, and experience. To remove them, add the following CSS to your website.
Fields | CSS Code |
Remove City | .zrsite_City {display: none;} |
Remove Date | .zrsite_Date_Opened {display: none;} |
Remove Job Type | .zrsite_Job_Type {display: none;} |
RemoveJob Description | .zrsite_Job_Description {display: none;} |
Add fields to job listing
To add extra fields to your job listing, add the highlighted code on your webiste.
Include search bar on your job listing page
<script type="text/javascript">
function searchJob(elem){
var sCon = elem.value.trim();
document.querySelectorAll(".rec_job_listing_div_jobs .rec-job-info").forEach(function(eachJob){
if(sCon.length ===0 || eachJob.textContent.indexOf(sCon) >=0){
eachJob.style.display="block"
}else{
eachJob.style.display="none";
}
})
}
</script>
<input type="text" onkeyup="searchJob(this)">
Sample Reference Page:
To load jobs in new tab (In case your jobs do not load in iframe)
window.addEventListener("click",function(ev){})
if(ev.target.tagName ==="A" && ev.target.parentElement.classList.contains("rec-job-title")){
ev.target.setAttribute("target","_blank");
}
Questions? Comments? Reach out to support@zohorecruit.com, and we'll help you with setting up your branded career site.
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
Zoho SalesIQ Resources
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Bigin?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
Hiring Talent for Remote or Work From Home jobs
Zoho Recruit enables recruiters to post and market jobs that are defined for an exclusive remote set up. This means that people who are being hired for a "remote" job can have the flexibility of working from their home or any personal office set up. ...Job Publishing in Zoho Recruit
This article will tell you how you can publish your jobs on the career site and various job board integrations of Zoho Recruit. To know more about the job publishing guidelines, click here. To publish your jobs Go to Job Openings Module > Select a ...Embed Calendar Bookings on your website
Embed options for Wordpress To embed in Wordpress Login to Zoho Recruit with administrative privileges. Go to the Calendar. Click Options and choose Calendar booking from the drop-down list. In the Manage Calendar Booking page, ...Customize job templates
A well-constructed and organized job listing page gives your candidates a view of all the open jobs in your company. With the default templates in Zoho Recruit, you can style your job listings the way you want. To customize you job listing: Go to ...Creating Job Openings
Methods In Zoho Recruit, you can create job openings by: Entering data in the job opening details form: You can manually fill in the Job Opening details gathered from various external sources. Importing job openings from external sources: You can ...