How to Use the Embed Code for Your Career Site in Keka Hire

Introduction

Want to keep your career page always up to date without manual edits? Keka Hire lets you embed job listings directly into your company website. This guide shows you how to use the embed code feature in Keka Hire so that your external career site always reflects the latest open roles.

Get the Embed Code

Go to the Career Site section in Keka Hire.
On the Career Site dashboard, you’ll see a summary of your published jobs, visitors, applications, and analytics.
Scroll down to the Embed Jobs section.
Click Copy Code to copy the HTML snippet to your clipboard.

This code snippet lets you display your Keka job listings directly on your external site.

Options & Variants

Customize the Embedded Content

The embedded job listings are structured with various <div> elements, each with its own classes and styles. You can customize the look and feel using CSS.

Here's how:

Inspect the Structure
Use your browser’s developer tools to examine how the embedded content is built. You'll see multiple <div> containers with unique class names.
Identify Classes to Target
Use query selectors like document.querySelector (JavaScript) or $() (jQuery) to target specific class names in the embedded structure.
Apply Custom CSS
Once you’ve identified the right classes, apply your own CSS styles. This lets you adjust fonts, colors, margins, or any other visual elements.

Common Class Examples

Class Name	Purpose
`kh-footer-content`	Styles the footer of the embed
`kh-card-body`	Styles the individual job cards

Next Steps

Share the Embed Code

Send the embed code to your website developer or IT team.
They should insert it into the HTML body of your career page.

Enjoy Automatic Updates

Once embedded, all job postings in Keka Hire will sync automatically with your external site.
Any additions or edits made in Keka will instantly reflect on your career page—no manual updates required.

Additional Support

If you need help placing or customizing the embed code, your website developer or IT team is the best point of contact. They can ensure the code is integrated properly and help with any styling or technical issues.