Embed jobs on your website | Zoho Recruit

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. 
  1. Go to Setup > Career Site.
  2. Choose either the default career site or the ones you created. 
  3. Click Customize.
  4. In the left side panel, click Advanced Settings.
  5. You can embed the jobs in one of the two ways.
  6. Job listings with styling
  7. 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, citycountry, 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)

  1. 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 CRM Training
      Redefine the way you work
      with Zoho Workplace

        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 CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now


            Zoho Sign now offers specialized one-on-one training for both administrators and developers.

            BOOK A SESSION





                        Still can't find what you're looking for?

                        Write to us:  support@zohoforms.com


                              



                            



                          Manage your brands on social media

                              Zoho Marketing Automation

                                Zoho Sheet Resources

                                 




                                    Zoho Forms Resources


                                      Secure your business
                                      communication with Zoho Mail


                                      Mail on the move with
                                      Zoho Mail mobile application

                                        Stay on top of your schedule
                                        at all times


                                        Carry your calendar with you
                                        Anytime, anywhere




                                              Zoho Sign Resources

                                                Sign, Paperless!

                                                Sign and send business documents on the go!

                                                Get Started Now


                                                    Zoho SalesIQ Resources



                                                        Zoho TeamInbox Resources



                                                                Zoho DataPrep Resources



                                                                  Zoho DataPrep Demo

                                                                  Get a personalized demo or POC

                                                                  REGISTER NOW


                                                                    Design. Discuss. Deliver.

                                                                    Create visually engaging stories with Zoho Show.

                                                                    Get Started Now










                                                                                          • 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 ...
                                                                                          Wherever you are is as good as
                                                                                          your workplace

                                                                                            Resources

                                                                                            Videos

                                                                                            Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                            eBooks

                                                                                            Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                            Webinars

                                                                                            Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                            CRM Tips

                                                                                            Make the most of Zoho CRM with these useful tips.



                                                                                              Zoho Show Resources