How to change Container ID for Embedded Jobs?

Introduction

When embedding Keka Hire job listings onto your company’s website, the Container ID determines where the job list will appear. You may need to change this ID to fit your website’s structure or to embed it in a specific section.

Here’s how you can update the Container ID in your embed code.

Get the Embed Code

1. In your Keka portal, go to the Hire section.

2. Click on Career Site.

3. Scroll down to the Embed Jobs section.

4. Click Copy Code to copy the current embed snippet.
   
   

Paste and Edit the Code

1. Paste the copied code into Notepad or WordPad for editing.

2. Locate the Container ID in two places:

   • After targetContainer: '#'

   • Inside the final <div id=''> tag

Example (Original Code):

<script> 
  window.khConfig = { 
    identifier: '59cb9b0e-0222-4124-83f0-2282215119c5',
    domain: 'https://csdemo.keka.com/careers/',
    targetContainer: '#k_jobs'
  }
</script>
<script src='https://csdemo.keka.com/careers/api/embedjobs/js/59cb9b0e-0222-4124-83f0-2282215119c5' defer></script>
<div id='k_jobs'></div>

Change the Container ID

• Replace 'k_jobs' in both targetContainer and the div id with your desired ID.

• For example, change it to 'HomePage':

Modified Code:

<script> 
  window.khConfig = { 
    identifier: '59cb9b0e-0222-4124-83f0-2282215119c5',
    domain: 'https://csdemo.keka.com/careers/',
    targetContainer: '#HomePage'
  }
</script>
<script src='https://csdemo.keka.com/careers/api/embedjobs/js/59cb9b0e-0222-4124-83f0-2282215119c5' defer></script>
<div id='HomePage'></div>

Use the Updated Code

Paste this updated embed code into your website where you want the job listings to appear.