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 !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)">


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

                                                                       
                            



                            






                              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.




                                  Manage your brands on social media

                                    Zoho Desk Resources

                                    • Desk Community Learning Series


                                    • Digest


                                    • Functions


                                    • Meetups


                                    • Kbase


                                    • Resources


                                    • Glossary


                                    • Desk Marketplace


                                    • MVP Corner


                                    • Word of the Day


                                      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 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. ...
                                                                                                • 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 ...
                                                                                                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