Articles

How to integrate Greenhouse with Framer

Three ways to connect job listings to your Framer website, from a simple link to a fully custom careers experience.

By

Alex Ran

·

·

8

min read

Key takeaways

  • Greenhouse can be connected to Framer through a direct link, an embedded job board, or a custom CMS-powered listing page.

  • A direct link is the quickest and lowest-maintenance option, but candidates leave the Framer website.

  • An embedded board keeps job discovery on the website while leaving job details and applications in Greenhouse.

  • A custom Framer listing gives marketing the most control over design, filters, and employer-brand content.

  • Greenhouse should usually remain the source of truth for open roles and candidate applications.

  • Marketing and HR should agree on branding, publishing workflows, and ownership before implementation begins.

  • The right option depends on hiring volume, candidate-experience priorities, design requirements, and maintenance capacity.

Greenhouse is an applicant tracking system used by hiring teams to publish roles, collect applications, and manage candidates.

Framer controls the careers experience on your website: employer positioning, team stories, benefits, open roles, and the path candidates take before applying.

Connecting Greenhouse with Framer allows HR to continue managing jobs in Greenhouse while marketing controls how the careers experience appears on the website.

Why Connect Greenhouse with Framer?

A careers page needs to serve two teams.

HR needs a reliable place to publish roles and manage applications. Marketing needs the page to reflect the company’s brand, culture, and credibility.

A Greenhouse integration can help you:

  • keep job listings up to date without manual website edits

  • give candidates a clearer path from the company story to an open role

  • reduce duplicated work between marketing and HR

  • keep applications inside the system your hiring team already uses

  • create a more consistent candidate experience

The right setup depends on how important the careers page is to your website, how much design control you need, and how much technical maintenance your team is prepared to manage.

Three Ways to Integrate Greenhouse with Framer

Option 1: Link to the Greenhouse-Hosted Job Board

The simplest setup is to link a Framer button directly to your Greenhouse job board.

A typical candidate journey looks like this:

[Framer] Homepage “Careers” link → [Greenhouse] Job listings → [Greenhouse] Job details → [Greenhouse] Application



Difficulty

Easy

Typical development time

Less than 1 hour

Example

Check out Authentic’s website for an example of this approach.

Best for

Teams that need a quick, low-maintenance setup

Typical additional project scope

Usually included at no extra cost within a wider website project

Design control

Limited

Candidate experience

Candidates leave the Framer website to browse roles and apply

Main trade-off

Fast and reliable, but less seamless

In Framer, add the Greenhouse job-board URL to a button or text link.

We usually recommend opening the board in a new tab. This makes it easier for candidates to return to the employer-brand content on the main website.

This option works well when hiring volume is modest or the careers page is not a major part of the company’s brand strategy.

Option 2: Embed the Greenhouse Job Board in Framer

The second option is to place the Greenhouse job board directly inside a Framer page.

Candidates can browse open roles without leaving the website. When they select an individual position, they continue to the Greenhouse-hosted job details and application flow.

A typical candidate journey looks like this:

[Framer] Homepage “Careers” link → [Framer] Embedded job listings → [Greenhouse] Job details → [Greenhouse] Application



Difficulty

Easy to moderate

Typical development time

1–2 days

Example

Check out Bark’s website. Note that the job listings may take around 30 seconds to load.

Best for

Teams that want candidates to browse roles on the main website

Typical additional project scope

$800–$1,500, depending on styling and testing

Design control

Moderate

Candidate experience

Candidates browse embedded listings in Framer before continuing to Greenhouse

Main trade-off

More consistent than an external link, but still limited by Greenhouse’s layout

The general process is:

  1. Configure the job board in Greenhouse.

  2. Copy the embed code.

  3. Add it to a Framer Embed component.

  4. Adjust its size and placement.

  5. Test the board on desktop and mobile.

The surrounding careers page can still be fully designed in Framer. You can introduce the company, benefits, team, and culture before presenting the open roles.

The embedded board itself remains controlled by Greenhouse.

This means styling changes involving logos, banners, filters, fonts, or application settings may affect other places where the same Greenhouse board is used. Marketing and HR should agree on these changes before launch.

Mobile testing is also important. Check the loading time, board height, filters, individual roles, application flow, and any nested scrolling.

Option 3: Build a Custom Greenhouse-Powered Job Board in Framer

For greater design control, Greenhouse job data can be synced into Framer CMS and displayed through a custom job-listing experience.

Greenhouse remains the source of truth for published roles. Framer controls how those roles are presented and browsed. When a candidate selects a position, they continue to the Greenhouse-hosted job details and application flow.

A typical candidate journey looks like this:

[Framer] Homepage “Careers” link → [Framer] Custom job-listing page → [Greenhouse] Job details → [Greenhouse] Application



Difficulty

Advanced

Typical development time

6–8 days

Example

Check out the behaviour of Postman’s careers page.

Best for

Teams investing seriously in employer brand and candidate experience

Typical additional project scope

Around $1,800–$5,000, depending on filtering and sync requirements

Design control

High

Candidate experience

A fully branded job-browsing experience in Framer

Main trade-off

More implementation, testing, and ongoing technical oversight

A typical technical setup looks like this:

Greenhouse → API or automation workflow → Framer CMS → Custom job-listing page

For most B2B companies, we recommend keeping the final job details and application flow in Greenhouse.

This gives candidates a stronger browsing experience in Framer while keeping candidate data, form handling, and application workflows inside the hiring system.

Greenhouse and Framer Plan Requirements

Greenhouse

The basic hosted job board is available as part of Greenhouse Recruiting.

Embedding the board or using the Job Board API may require the appropriate account access and permissions. Features such as advanced routing, branding, or custom workflows may also depend on your Greenhouse setup.

Before choosing an approach, confirm:

  • access to the job-board settings

  • access to the Dev Center

  • API availability

  • user permissions

  • any limitations in your current Greenhouse agreement

Framer

A direct link requires no special Framer setup.

An embedded board can be added through Framer’s Embed component.

A custom job board requires Framer CMS and a method for keeping the CMS synchronised with Greenhouse. For a production B2B website, Framer Pro is usually the more practical option because it provides greater CMS capacity, staging, branching, and room for future growth.

The Framer plan is rarely the main cost driver. The larger consideration is the amount of custom design, CMS planning, integration work, and testing required.

Which Approach Should You Choose?

Choose a direct link when speed and simplicity matter most.

Choose an embed when you want candidates to browse roles on your website but do not need complete design control over the listings.

Choose a custom Framer job board when careers are an important part of the brand and your team needs stronger filtering, layout control, supporting content, and visual consistency.

For many B2B companies, the embedded option is a sensible middle ground.

It creates a more connected candidate journey without introducing a fully custom system that the team must maintain.

Need Help Connecting Greenhouse with Framer?

A Greenhouse link is quick to add. Embedded and custom setups require more coordination across marketing, HR, design, CMS structure, and testing.

At New Lemon Studio, we help B2B teams connect Framer websites with Greenhouse and the wider tools they use across marketing and operations.

Planning a new careers page or reviewing an existing setup? Tell us how your team currently publishes roles, and we’ll help you choose an approach that fits.

Frequently Asked Questions

Can Greenhouse be integrated with Framer?

Yes. You can link directly to a Greenhouse-hosted job board, embed the board inside a Framer page, or sync Greenhouse job data into a custom Framer CMS collection.

What is the easiest way to connect Greenhouse with Framer?

The simplest approach is to link a Framer button directly to the Greenhouse-hosted job board.

This requires little setup and allows HR to continue managing all job listings in Greenhouse.

Can Greenhouse job listings be embedded in Framer?

Yes. Greenhouse provides embed code that can be added through Framer’s Embed component.

Candidates can browse roles on the Framer website before continuing to Greenhouse for the full job details and application.

Can job listings be styled to match a Framer website?

An embedded board offers some control through Greenhouse’s branding settings, but the layout remains limited by Greenhouse.

For complete control over listing cards, filters, spacing, typography, and page structure, job data needs to be synced into a custom Framer CMS setup.

Can Greenhouse jobs be synced automatically with Framer CMS?

Yes. Greenhouse job data can be retrieved through its API and synchronised with Framer CMS through a custom integration or automation workflow.

The exact setup depends on how frequently jobs change and how much data needs to be displayed.

Should the application form remain in Greenhouse?

For most B2B companies, yes.

Keeping the application inside Greenhouse avoids creating a separate system for handling candidate data, form validation, hiring workflows, and privacy requirements.

Which option is best for most B2B companies?

An embedded job board is often the most balanced option.

It keeps role discovery on the main website without requiring the implementation and maintenance involved in a fully custom job board.

Does a direct Greenhouse link need to open in a new tab?

It is not required, but opening it in a new tab can make it easier for candidates to return to the company’s careers content.

What should be tested before launch?

Test:

  • desktop and mobile layouts

  • loading time

  • filters and job categories

  • individual job links

  • closed or expired roles

  • application forms

  • tracking and analytics

  • accessibility

  • updates made by the HR team

Who should manage the integration after launch?

HR should usually continue managing roles and applications in Greenhouse.

Marketing or the website owner should manage the surrounding careers content, employer-brand messaging, and the Framer presentation.

Table of Contents

Get practical Framer website guides for B2B teams

Monthly notes on website planning, CMS structure, Framer operations, and scalable marketing sites.