Personio

How to integrate Personio with Webflow

Organizations with growing teams need their career pages to reflect current job openings without manual updates. Personio syncs job listings, captures applications directly into your ATS, and maintains employee directories.

Personio can be integrated with Webflow via three methods: iframe embedding (fastest, no API required), automation platforms (no-code workflows), and thedirect API (complete control, requires developers).

Embed Personio career pages with iframes

Display Personio's hosted career pages via iframe — copy-paste implementation, no API required.

The capabilities are as follows:

• Display live career pages without API configuration
• Automatic height adjustment and smooth scrolling via included JavaScript
• Multi-language support (?lang=en or ?locale=de)
• Non-technical users manage postings through Personio

The official iframe integration maintains a consistent domain experience, though Personio's URL shows during applications.

The steps to implement it include:

1. Customize iframe code with your Personio subdomain
2. Add a Code Embed element to your Webflow career page
3. Paste the iframe code
4. Publish

The main characteristics are:

• No API credentials needed
• Design constrained by Personio styling (full control via API/automation)
• Requires Core, Growth, Agency, Freelancer, or an active Site plan

Use third-party apps

Zapier and Make provide visual workflow builders that require OAuth 2.0 authentication using Personio API credentials. The Make.com integration page supports complex workflows with "Watch Positions," "Watch Employees," and "Watch Candidates" triggers.

Here are the common workflows:

• Automated job publishing: New Personio positions create Webflow CMS items
• Application capture: Webflow forms create applicants via Personio's application endpoint
• Job status sync: Position updates modify Webflow collection items
• Employee directories: New employees create team member profiles automatically

Both Zapier and Make.com offer free plans. API credentials from Personio's Settings > API credentials required.

Build with Webflow and Personio API

Direct API provides complete control but requires developers to manage 24-hour tokens and handle the absence of recruiting webhooks. Implement error handling, pagination, and GDPR compliance manually.

Recruiting API and Personnel Data API expose jobs and employees; Webflow's CMS API enables programmatic management. Webhooks cover employee events only.

Authentication: OAuth 2.0 from Personio's Settings > API credentials (tokens expire in 24 hours); Webflow tokens (Site Tokens for single sites, OAuth for multi-site).

Sync job listings to Webflow CMS

Fetch open positions with GET /v2/recruiting/jobs. Filter by status, office, or department. Use GET /v2/recruiting/categories for job descriptions.

Create a Webflow Collection with fields for job title, slug, department, location, description (Rich Text), requirements, deadline, status, Personio Job ID, posted date, and employment type.

Create items via POST /v2/collections/{collection_id}/items and update with PATCH. Store the Personio job position ID in each CMS item to detect duplicates. Implement pagination when syncing 200+ records.

Capture applications from Webflow forms

Build a Webflow form with first name, last name, email (required), phone, cover letter, and resume upload fields. Listen for submissions via Webflow Form Submission webhook.

Submit applications to Personio via POST /v1/recruiting/applications. Required fields: job_position_id, recruiting_channel_id, first_name, last_name, email. For file attachments, encode as base64 objects with category ("cv" or "work_sample"), content, and filename.

Sync employee directories

Use GET /v2/persons for employee records (ID, name, email, department, position, location, photo, status). Only attributes enabled in Personio's admin interface appear.

Create a Webflow CMS collection matching the employee structure. Sync via POST for new items, PATCH for updates, using employee ID matching.

Salary data is inaccessible via API. Organizations must document the lawful basis for each synced field under GDPR and maintain data flow documentation for audits.

Implement real-time updates with webhooks

Personio webhooks support employee events only: person.created, person.updated, employment.created/updated/started/terminated. No recruiting webhooks exist.

Configure endpoints responding with 2xx within 3 seconds. Extract IDs from payloads, fetch updated data via GET /v2/persons/{person_id}, then PATCH Webflow CMS items via PATCH /v2/collections/{collection_id}/items/{item_id}.

What you can build

Integrating Personio with Webflow lets you build career sites that display live job listings and team information with automated syncing.

• Automated job boards: Career pages with auto-updating listings. Sync within 1-15 minutes via polling
• Branded candidate experiences: Multi-page career sites with culture content and live listings. Create location pages (/careers/berlin) filtering by department/location
• Employee directories: Auto-updating team showcases with photos, titles, and bios; filter by employment status; real-time sync via webhooks
• Dynamic job recommendations engine: Build an intelligent job matching system that suggests relevant positions to candidates based on their profile data, skills, and experience level