Embed jobs on your website
- 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
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
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 !important;} |
Remove Date | .zrsite_Date_Opened {display: none !important;} |
Remove Job Type | .zrsite_Job_Type {display: none !important;} |
RemoveJob Description | .zrsite_Job_Description {display: none !important;} |
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 sContent = elem.value.trim();
document.querySelectorAll(".rec_job_listing_div_jobs .rec-job-info").forEach(function(eachJob){
if(sContent.length ===0 || eachJob.textContent.toLowerCase().indexOf(sContent.toLowerCase()) >=0){
eachJob.style.display="block"
}else{
eachJob.style.display="none";
}
})
}
</script>
<input type="text" onkeyup="searchJob(this)">
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");
}})
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:
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
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. ...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, ...Generating Job Descriptions with Smart Assist
Efficiency and productivity are the lifeblood of successful businesses. In the realm of recruitment, streamlining job description creation becomes paramount. Recruiters benefit significantly from Smart Assist's capabilities, particularly in tailoring ...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 ...