Workable

How to integrate Workable with Webflow

Recruiting teams need to keep job listings current without manual copy-paste between their ATS and website. Integrating Workable with Webflow automates job posting updates and connects application data with your hiring pipeline. This integration reduces time spent on manual job board maintenance while improving candidate experience.

You can integrate Workable with Webflow through the embeddable widget for automatic job updates, automation platforms like Zapier, Make, or n8n for bi-directional workflows, or Workable's API with webhooks for candidate tracking.

Use the Workable job widget

Display Workable jobs on your Webflow site using Workable's embeddable widget. Navigate to Settings > Integrations > Apps > Company website in your Workable dashboard to generate the widget code. The widget updates automatically when you publish or unpublish jobs.

Add the widget through Webflow's Custom Code Embed element by pasting the provided script and container code. Filter jobs by location or department using the configuration options in Workable's widget generator.

The Workable widget provides these capabilities:

• Automatic job synchronization: Jobs appear instantly when published in Workable without manual updates
• Filter by location or department: Display only relevant positions using built-in filtering options
• Custom styling with CSS: Target .whr-* hook classes such as .whr-item, .whr-title, .whr-date, and .whr-location as described in the widget styling documentation
• Mobile responsive design: Widget adapts to responsive layouts based on your site's CSS
• Individual job embedding: Link to individual job positions via embeddable iframe URLs hosted on Workable's domain, or use the job widget for full careers page integration

For site-wide deployment, add the widget script to Site Settings > Custom Code in head and body tags > Footer in Webflow. This makes job listings available across multiple pages without repeating the embed code.

Alternative embedding methods include iframe integration for full careers pages at https://yourcompany.workable.com/positions/embed or individual job iframes.

Connect through integration platforms

Zapier, Make, and n8n provide native support for Webflow and Workable for automated workflows between both platforms. Create multi-step automations that sync job data to your Webflow CMS, generate candidate records from form submissions, or trigger notifications when applications arrive.

Zapier's Webflow integration supports form submissions, order events, and CMS operations. The Workable integration provides triggers for new candidates, job openings, status updates, and candidate tagging.

Automation platforms support these workflows:

• Publish jobs to CMS automatically: Trigger on "New Job Opening" in Workable, create live CMS items in Webflow with job title, description, employment type, and location fields
• Create candidates from form submissions: Capture applications through Webflow forms, automatically create candidate records in Workable with resume URLs and custom field data
• Sync candidate status updates: Update Webflow CMS items when candidates move between pipeline stages in Workable using the candidate_moved webhook
• Archive filled positions: Use polling or workflow automation to set _archived: true on Webflow CMS items when Workable jobs close

n8n's Webflow integration supports triggers for new collection items, form submissions, and comments, along with actions including create, update, delete, get, and get all items operations. n8n requires self-hosted infrastructure but provides complete customization for complex automation logic. The platform works well for workflows that need conditional routing, data transformation, or integration with multiple services.

For bulk job synchronization, use Make or n8n instead of Zapier to avoid high task consumption. Scheduled workflows that fetch all active jobs and update CMS collections work more efficiently on platforms designed for batch operations.

Build with Webflow and Workable APIs

Use Workable's REST API to build custom synchronization workflows when you need real-time candidate updates, complex data transformations, or integration with multiple systems beyond Webflow.

Sync candidates with webhooks

Workable provides webhook events that fire when candidates are created or move through your pipeline. Configure webhooks to receive HTTP POST requests at your endpoint whenever candidate data changes for real-time synchronization.

Register webhook subscriptions through Workable's API at POST https://{subdomain}.workable.com/spi/v3/subscriptions.

Workable provides 2 candidate webhook events suitable for CMS synchronization:

• candidate_created : Fires when new candidates apply or are manually added, includes complete candidate profile with resume URL, contact information, job details, and pipeline stage
• candidate_moved : Fires when candidates transition between pipeline stages like "Applied" to "Interview" or "Offer", includes updated stage and disqualification status

Workable does not provide job_published, job_updated, or job_closed webhook events. Job-related information only appears embedded in candidate payloads. For job data synchronization, implement polling-based sync using Workable's Jobs API endpoints.

Webhook payloads include candidate identifiers, job shortcodes, stage information, and timestamps. The candidate events reference shows complete payload schemas with all available fields.

Verify webhook authenticity using the X-Workable-Signature header containing an HMAC SHA256 signature. Compare the signature against your Workable account token or app secret to prevent unauthorized requests.

Filter webhook subscriptions by job or pipeline stage using the args parameter during registration. Leave job_shortcode and stage_slug empty to receive events for all positions and stages, or specify values to limit notifications to specific jobs or stages.

Manage active subscriptions through GET /spi/v3/subscriptions to list registered webhooks and DELETE /spi/v3/subscriptions/{id} to remove subscriptions.

Poll job data with the Jobs API

Since Workable does not provide job lifecycle webhooks, implement scheduled polling using Workable's Jobs API to detect new, updated, or closed positions. Query the API at regular intervals (every 15 minutes works for most teams) to identify changes.

Use Make or n8n for scheduled workflow execution, as these platforms handle recurring API calls more efficiently than Zapier for batch operations.

Configure your polling workflow to fetch all active jobs, compare against your Webflow CMS collection, and create or update items based on changes detected. Store the last synchronization timestamp to optimize subsequent API calls and reduce unnecessary data transfer.

Implement error handling for rate limits and network timeouts to ensure reliable synchronization.

What you can build

Integrating Workable with Webflow supports multiple recruitment workflow solutions depending on your technical approach and business needs.

• Dynamic careers page with live job listings: Create a custom-designed careers page in Webflow that displays current openings from Workable using the embeddable widget with automatic updates when jobs are published or closed and filtering by department or location
• Application tracking dashboard: Build a Webflow CMS collection that syncs candidate data from Workable in real-time using webhooks, displaying application statuses, pipeline stages, and candidate information on internal dashboards with automatic updates when candidates move through your recruitment process
• Location-specific job boards: Use automation platforms to route job postings to different Webflow CMS collections based on location, department, or job type, creating dedicated pages for each office location or department that automatically populate with relevant openings
• Custom application forms with CRM integration: Design branded application forms in Webflow that capture candidate information and automatically create Workable candidate records while simultaneously syncing data to your CRM, email marketing platform, or analytics tools through multi-step automation workflows in Make or n8n