How to Create a Hubert Apply Job in Teamtailor

Before Getting Started

Before creating your first job using Hubert Apply, please ensure the following:

1. Your Hubert integration is active. If not, please refer to our guides for getting started with Hubert in Teamtailor:

• Generating keys in Teamtailor to connect Hubert
• Setting Up Hubert in Teamtailor

2. Hubert Apply has been activated for your Teamtailor account. If not, please refer to our guide: Hubert Apply in Teamtailor Setup Guide

Step-by-Step Setup Guide

Step 1: Configure a Hubert Apply job ad template

1.1 Navigate to Settings > Career site in the top menu bar.

1.2 Duplicate your default template (e.g. Visual or Plain) and rename it "Hubert Apply" to clarify when the template should be used.

1.3 Add the Custom HTML and CSS block via the plus symbol below the list of job content.

1.4 Paste the following code snippet inside the HTML block, replacing <client_id> with your specific Client ID:

<script src="https://cdn.hubert.ai/hubert-apply/teamtailor.js" id="ha-init" data-client-id="<client_id>" type="module" defer></script>

1.5 Optional: To customize the color of the Apply button displayed in the job ad, paste the code snippet below directly after the snippet from Step 1.4.

Replace the highlighted color values with your preferred colors. In the example below, the button appears black (#000000) with white (#FFFFFF) text, and transitions to dark gray (#0D0D0D) on hover:

<script>
const style = document.createElement('style');
style.textContent = `
  hubert-apply button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
  }

.hubert-apply hubert-logo svg {
fill: white;
}

.hubert-apply:hover {
    background-color: #0D0D0D !important;
    color: #FFFFFF !important;
  }
`;
document.head.appendChild(style);
</script>

1.6 Click the pink Review and publish button in the top-right corner to save the template and update the preview.

Step 2: Create a job using the Hubert Apply template

2.1 Create a new job in the usual way and select the Hubert Apply template under Job posting > Appearance.

2.2 Complete the job setup and preview it to confirm that the Hubert Apply button appears on the page.

2.3 We recommend running a test application before publishing the job ad externally, to verify that the Hubert Apply flow works as expected.

You're All Set!

If you encounter any issues or have questions, please reach out to your Hubert Customer Success representative — we're here to help.