RecruitCRM

How to integrate RecruitCRM with Webflow

Recruitment agencies need their Webflow career sites to capture applications and display job listings without manual data entry.

RecruitCRM does not offer a native Webflow integration or marketplace app. Connect through automation platforms like Zapier or Make to sync form submissions and job postings without code. Embed RecruitCRM career pages directly into your Webflow site using an iframe for automatic job updates. Build with Webflow and RecruitCRM APIs for custom data workflows requiring development expertise.

Connect through automation platforms

Automation platforms like Zapier, Make, Integrately, and viaSocket connect RecruitCRM and Webflow without code. These platforms monitor form submissions on your Webflow site and automatically create candidate records in RecruitCRM. They also watch for new jobs in RecruitCRM and publish them as CMS items in Webflow.

Zapier's RecruitCRM + Webflow integration offers the simplest setup. The platform offers pre-built Zaps that map common workflows, such as creating a RecruitCRM candidate from a new Webflow form submission. You configure field mappings through dropdown menus, test with sample data, and activate the workflow.

Common automation workflows include the following:

• Create candidates from applications: Webflow form submissions trigger candidate creation in RecruitCRM with mapped fields including name, email, phone, resume attachments, and custom attributes  
• Sync job postings to CMS: New jobs added in RecruitCRM sync to Webflow CMS collection items with job title, description, location, requirements, and posting date. Contact RecruitCRM support for documentation on the job status endpoint  
• Generate follow-up tasks: Form submissions create tasks in RecruitCRM for assigned recruiters with customizable due dates and priority levels  
• Update job status: Job status changes in RecruitCRM update corresponding Webflow items through automation platforms  
• Sync company records: New companies added in RecruitCRM create corresponding records in Webflow CMS for client showcase pages

Embed RecruitCRM career pages

RecruitCRM generates a unique public career page URL for each account. This page displays all open positions and accepts applications. You can embed this page directly into your Webflow site using the custom code embed element. Candidates can browse jobs and apply without leaving your website.

You can customize the career page appearance through your RecruitCRM dashboard. This includes company logo, color scheme, job descriptions, and application form fields. Changes update automatically on the public URL without requiring code modifications.

To implement the embed, follow these steps:

1. Log in to RecruitCRM and navigate to Jobs Page settings  
2. Locate your Public Jobs Page URL (typically your-agency.recruitcrm.io/jobs)  
3. Open your Webflow project  
4. Drag the custom code embed element from the Add panel into your page  
5. Paste this code, replacing the URL with your RecruitCRM career page URL:

<div style="position: relative; width: 100%; padding-top: 75%; overflow: hidden;">
  <iframe 
    src="https://youragency.recruitcrm.io/jobs"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
    title="Job Listings"
    loading="lazy">
  </iframe>
</div>

The padding-top: 75% maintains a 4:3 aspect ratio across all device sizes. Customize branding and application forms in your RecruitCRM dashboard. Changes automatically reflect on the embedded page.

The embedded content appears as a placeholder in the editor but displays correctly in preview mode and on your published site.

You can connect a custom domain to your RecruitCRM career page (like careers.yourcompany.com) instead of using the default subdomain. DNS propagation can take several hours to complete.

This approach restricts design customization since the career page renders within RecruitCRM's styling system. Cross-origin restrictions are a standard browser security feature that prevents JavaScript interactions between your Webflow site and the embedded content. You cannot modify HTTP response headers on Webflow-hosted sites to override these restrictions.

Alternatively, Recruit Craft (RecruitCRM's own no-code website builder) offers professionally designed, industry-specific templates that sync directly with RecruitCRM for automatic job updates. You can link to this standalone career site from your Webflow navigation to avoid iframe constraints while maintaining automatic job updates.

Build with Webflow and RecruitCRM APIs

Custom API integration provides greater control over data workflows and application logic. This approach requires development expertise. RecruitCRM's API supports candidate creation and management. Jobs retrieval and webhook endpoints have limited public documentation. Contact RecruitCRM support for complete API specifications. Review the Webflow API introduction for platform capabilities.

You write server-side code that communicates with both platforms' REST APIs. This includes handling authentication via Bearer tokens, error handling for HTTP errors, and data transformation logic.

Capture applications from Webflow forms

Send candidate applications submitted through Webflow forms directly to RecruitCRM. Configure webhooks that trigger on form submissions, then POST the data to RecruitCRM's candidate creation endpoint at POST https://api.recruitcrm.io/v1/candidates.

Configure a webhook subscription using the Webflow Webhooks API. Webhook configuration requires Bearer token authentication. It typically uses the formsubmission event type to capture candidate applications from Webflow form submissions. The webhook payload includes complete form data for immediate processing in RecruitCRM. Webhook target URLs must use HTTPS. Include signature verification using the x-webflow-signature header with HMAC-SHA256 hashing for security.

POST https://api.webflow.com/v2/sites/{site_id}/webhooks

Request body:

{
  "triggerType": "form_submission",
  "url": "https://your-integration-server.com/webhooks/webflow"
}

POST the transformed data to RecruitCRM's candidate endpoint:

POST https://api.recruitcrm.io/v1/candidates

Include your API token in the Authorization header. The endpoint accepts fields including firstname, email, contactnumber, qualificationid, currentorganization, position, relevantexperience, currentsalary, salaryexpectation, skills, linkedin, and resume (as a public URL).

Example implementation from Endgrate's technical guide:

const axios = require('axios');

async function createCandidate(data) {
  try {
    const endpoint = 'https://api.recruitcrm.io/v1/candidates';
    const headers = {
      'Authorization': 'Bearer YOUR_API_TOKEN',
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    };
    
    const response = await axios.post(endpoint, data, { headers });
    console.log(`Created candidate: ${response.data.id}`);
    return response.data;
  } catch (error) {
    if (error.response) {
      if (error.response.status === 401) {
        console.error('Authentication failed. Verify API token is active.');
      } else if (error.response.status === 422) {
        console.error('Invalid or missing API parameter:', error.response.data);
      } else if (error.response.status >= 500) {
        console.error('Server error. Implement retry logic:', error.response.data);
      } else {
        console.error('API Error:', error.response.data);
      }
    } else {
      console.error('Error creating candidate:', error.message);
    }
  }
}

Implement retry logic for failed requests with exponential backoff when receiving 5xx server errors as documented in RecruitCRM's API reference.

Sync job postings to Webflow CMS

Pull job listings from RecruitCRM and publish them as dynamic content in Webflow CMS collections. Use automation platforms like Zapier or Integrately to keep your career page automatically updated as recruiters add or modify jobs. Learn more about working with the CMS programmatically.

RecruitCRM's API documentation at docs.recruitcrm.io mentions job API endpoints. Contact RecruitCRM support for complete API specifications and endpoint documentation.

Create job listing items in Webflow CMS using the Webflow Collections API:

POST https://api.webflow.com/v2/collections/{collection_id}/items

Request schema:

{
  "fieldData": {
    "name": "Senior Software Engineer",
    "slug": "senior-software-engineer",
    "job-description": "Full job description text",
    "location": "San Francisco, CA",
    "department": "Engineering",
    "_archived": false,
    "_draft": false
  }
}

Update existing job postings using the update collection items endpoint. This lets you modify job details, status, and other fields in your Webflow CMS collection based on changes made in RecruitCRM:

PATCH 
https://api.webflow.com/v2/collections/{collection_id}/items

Delete job postings using the delete items endpoint when positions close. This removes them from your Webflow career site in sync with RecruitCRM's job status updates, maintains accurate job availability across all properties, and prevents candidate applications for closed or filled positions.

DELETE 
https://api.webflow.com/v2/collections/{collection_id}/items

First retrieve your collection ID by listing all collections in a site according to the Webflow CMS API reference:

GET https://api.webflow.com/v2/sites/{siteId}/collections

All Webflow API requests require Bearer token authentication. Use site tokens for single-site integrations. Implement OAuth 2.0 for applications accessing multiple Webflow sites. For recruitment integrations, permission scopes should include cms:write to create and update job listings in CMS collections and forms:read to retrieve candidate application form submissions.

RecruitCRM uses API token authentication exclusively. Generate tokens from Admin Settings > API & Integrations in your dashboard. All requests must use HTTPS. HTTP requests fail immediately.