Workable

How to integrate Workable with Webflow

Integrate Workable with your Webflow careers page to sync job listings and route applications directly into your recruitment pipeline.

Here are the three integration approaches:

• Workable job widget: Embed JavaScript code to automatically display and update job listings
• REST API: Build server-side integrations for custom workflows and advanced synchronization
• Automation platforms: Use Zapier, Make, or n8n for no-code connections

Use the Workable job widget

The widget displays active job listings through a JavaScript embed that inherits your site's CSS styling and updates automatically when you publish or unpublish jobs.

Setup: In Workable, go to Settings > Integrations > Apps > Company website, copy the embed code. In Webflow, add a Code Embed element and paste the code.

The widget supports the following:

• Location-based or department-based job grouping
• Automatic updates when job status changes
• Custom styling via the whr_embed_hook CSS class

Requirements: Paid Webflow site plan (Basic or higher). Search and filter functionality requires the iframe method with a custom domain.

Build with Webflow and Workable APIs

The Workable REST API enables custom job boards, application routing, and bidirectional candidate synchronization with Webflow CMS. For Webflow API details, see Intro to Webflow APIs.

Fetch jobs from /spi/v3/jobs, create CMS items in Webflow, capture form submissions, and post candidates to /spi/v3/jobs/{shortcode}/candidates. Requires server-side middleware — Workable's API doesn't support browser-based CORS requests. Uses OAuth 2.0 with configurable token expiration (30 days to 2 years).

Sync job listings to Webflow CMS

Fetch jobs via GET /spi/v3/jobs and create Webflow collection items using POST /v2/collections/{collection_id}/items. Store job shortcodes in CMS fields for candidate routing.

API capabilities include:

• Create items: POST /v2/collections/{collection_id}/items
• Update items: PATCH /v2/collections/{collection_id}/items/{item_id}
• Publish changes: POST /v2/collections/{collection_id}/items/publish
• Fetch questions: GET /spi/v3/jobs/{shortcode}/questions

Capture applications from Webflow forms

Route Webflow form submissions to Workable via POST /spi/v3/jobs/{shortcode}/candidates through server-side middleware. Map fields to Workable's format (firstname, lastname, email, phone, cover_letter), upload resumes to storage, and pass the URL in resume_url. Add tags like webflow-applicant to track application source.

Real-time updates with webhooks

Subscribe to candidate_created and candidate_moved events using POST /spi/v3/subscriptions. Verify HMAC SHA256 signatures in the X-Workable-Signature header using your OAuth secret. Return HTTP 201-299 for successful processing.

Connect through Zapier

Create Zaps triggering on "New Candidate" or "Updated Candidate Stage" to perform Webflow actions like "Create Live Item" or "Update Item." Configure Webflow form triggers to create candidates using the "Create Candidate" action.

Connect through Make

Make offers for advanced querying ("Get a Candidate," "Get a Job," "Search Candidates") that are not available on other platforms. Better suited for bulk synchronization and complex scheduled workflows.

Connect through n8n

Configure scenarios triggering on Workable webhook events to execute HTTP requests to Webflow's CMS API. Map candidate data to CMS fields for synchronized application tracking.

What you can build

Integrating Workable with Webflow lets you build automated recruitment systems that sync job data and route applications to your hiring pipeline.

• Automated job boards: Embed the Workable Job Widget for simple display, or sync jobs to Webflow CMS collections via automation for custom filter layouts by department, location, or employment type
• Application routing systems: Create department-specific forms that route to correct job shortcodes, fetch screening questions from the API, and validate before creating candidates
• Hiring pipeline dashboards: Sync candidate stage changes to CMS items using candidate_moved webhooks to display open positions, active applicants, and interview schedules with automatic updates
• Multi-location career sites: Build regional pages displaying location-filtered jobs while routing all applications to a unified pipeline