Elevate your website with our dynamic job listing feature! With our embed code, you can seamlessly integrate your latest job openings directly onto your website. No need for manual updates or tedious data entry – simply copy and paste the provided embed code on your website.
What is an Embed Code?
An embed code is a snippet of HTML code that you can copy and paste into your website to embed or display content from another source. When visitors load your website, the embedded content will appear and be fully integrated.
What Zoho Recruit Offers?
The Career Site feature within Zoho Recruit enables users to embed job listings directly from your career site onto your company website. This help make your job listings more engaging and drive traffic to your website, ultimately aiding in the recruitment process. Key Benefits:
- Increased Visibility:
Utilizing the Career Site feature helps drive traffic to the organization's website. This increased visibility can attract a wider pool of candidates, thereby improving the chances of finding the right talent for available positions.
- Dynamic Job Listing:
The feature enables real-time updates to job listings, ensuring that candidates always have access to the latest opportunities
- Enhanced SEO:
This means that job postings are more likely to appear prominently in search engine results, increasing the chances of attracting qualified candidates who are actively seeking employment opportunities.
- Uninterrupted Navigation:
With seamless integration, candidates can view job listings directly within their current browsing environment, eliminating the need to navigate to a separate careers site.
Components
- Mobile Friendly:
With Zoho Recruit's Career Site, your job listings are optimized for mobile devices, ensuring potential candidates can easily access and apply for positions on the go.
- Search Bar:
The Career Site comes equipped with a search bar, allowing candidates to quickly find relevant job opportunities based on keywords, location, or other criteria, enhancing their user experience and making the job search process more efficient.
- Filters:
Zoho Recruit's Career Site likely offers filtering options. Candidates can apply various filters such as job category, location, experience level, and more to refine their search results further. This helps candidates narrow down their options and find the most suitable job openings.
- Opening job in new tab automatically:
This feature automatically opens job listings in a new browser tab when candidates click on them. This can be convenient for candidates who want to explore multiple job postings without losing their place in the list of search results.
How to Get the Embed Code from Zoho Recruit
- Log into your Zoho Recruit account and go to Setup > Career website > Career Site.
- Select the career site you want to use for embedding jobs.
- Click the Customize button.
- In the left panel, click on Advanced Settings.
-
You will see the Embed Code section with a code snippet. Copy this code.
Note: Please ensure to use the provided sample embed code as a reference, and make sure to copy and paste the embed code from your respective specific career site.
Available Job Listing Templates
Zoho Recruit's Career Site provides three templates for job listings by default. You can choose the template that best suits your website's design and branding when embedding job listings from your Zoho Recruit Career Site.
Template 1
This template displays job listings as cards in a compact and organized manner, with each listing showing only the essential details as shown below.
Template 2
The second template provides job listings in a tabular format, making it easy to compare different openings side by side offering job description as well.
Template 3
The third template offers job listings in a better way including a search bar and facetted filters, allowing candidates to easily find relevant job opportunities based on keywords, location, or other criteria.
Embedding the Code on Your Website
In your website's content management system (CMS) or code editor, open the page where you want the job listings to appear.
- Find the location in the HTML code where you want to embed the listings.
- Paste the embed code snippet you copied from Zoho Recruit.
- Save your changes, and the open job listings should now appear embedded on your website.
Customisation
1. Add Custom Fields
To add additional fields to your job listing, follow the below steps,
- Navigate to Setup -> Under Customisation, select Modules -> choose Job Openings -> Go to the Fields tab.
- Locate the field label that you want to include. For that field label, ensure that the Publish in Career Site option is checked or enabled. Only those fields can be added as extra_fields.
Now, incorporate the below code snippet into your website. The example below demonstrates how to include the Job_Opening_ID field:
rec_embed_js.load({
widget_id:"rec_job_listing_div",
page_name:"Careers",
source:"CareerSite",
site:"https://zylker.zohorecruit.com",
brand_color:"#D16134",
empty_job_msg:"No current Openings",
extra_fields:["Job_Opening_ID"]});
Output:
This code will display the job listings on your website, including the additional Job Opening ID field.
2. Removing Default Fields
By default, Zoho Recruit provides certain fields for your job listings such as job type, city, country, date opened, job description, and experience. If you wish to remove any of these fields, you can do so by adding the following CSS to your website with the help of CSS Editors/Style Editors:
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;}
|
Remove Job description
|
.zrsite_Job_Description {display: none !important;}
|
Let's demonstrate the process by removing the Work Experience and Job Type fields from a job listing.
Initially, the job listing looks like this:
To remove the specified fields, add the following CSS code:
.zrsite_Work_Experience{
display:none;
}
.zrsite_Job_Type{
display:none;
}
Output:
After applying the CSS code, the job listing will appear as follows. The Work Experience and Job Type fields have been successfully removed from the job listing.