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:
Configure the job board in Greenhouse.
Copy the embed code.
Add it to a Framer Embed component.
Adjust its size and placement.
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.
Get practical Framer website guides for B2B teams
Monthly notes on website planning, CMS structure, Framer operations, and scalable marketing sites.