Recruit CRM

How to integrate Recruit CRM with Webflow

Recruit CRM does not offer a native Webflow integration or marketplace app. Connect these platforms through automation platforms, iframe embedding, or custom API integration.

You can choose between automation platforms for quick setup without code, or custom API integration for advanced workflows. Automation platforms handle authentication, data transformation, and error handling through visual workflow builders. Custom API integration supports complex data processing but requires development expertise and ongoing maintenance.

Connect through automation platforms

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

Zapier's Recruit CRM + Webflow integration provides the most straightforward setup path. The platform offers pre-built "Zaps" that map common workflows like "New Webflow form submission creates Recruit CRM candidate." You configure field mappings through dropdown menus, test with sample data, and activate the workflow.

Common automation workflows:

• Create candidates from applications: Webflow form submissions trigger candidate creation in Recruit CRM 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 Recruit CRM support for job status endpoint documentation.
• Generate follow-up tasks: Form submissions create tasks in Recruit CRM for assigned recruiters with customizable due dates and priority levels
• Update job status: Job status changes in Recruit CRM update corresponding Webflow items through automation platforms
• Sync company records: New companies added in Recruit CRM create corresponding records in Webflow CMS for client showcase pages

Make's platform (formerly Integromat) offers advanced workflow capabilities for complex scenarios through its visual scenario builder. This includes routers for conditional logic, filters for data validation, and aggregators for batch processing. You can route form submissions differently based on job type, add email notifications within the same scenario, or implement custom error handling. However, Webflow's Make documentation confirms that advanced setups requiring complex data transformations will need custom API calls through Make's API Call modules.

All automation platforms require separate subscriptions and function as middleware between your systems. Authentication uses API tokens from both platforms. Generate Recruit CRM tokens from Admin Settings → API & Integrations according to Recruit CRM's authentication documentation. Create Webflow site tokens or OAuth credentials following Webflow's authentication documentation.

Embed Recruit CRM career pages

Recruit CRM generates a unique public career page URL for each account (typically https://youragency.recruitcrm.io/jobs). This page displays all open positions and accepts applications. You can embed this page directly into your Webflow site using the Code Embed element. Candidates can browse jobs and apply without leaving your website.

According to Recruit CRM's careers page guide, you can customize the career page appearance through your Recruit CRM dashboard. This includes company logo, color scheme, job descriptions, and application form fields. Changes update automatically on the public URL without requiring code modifications.

Implementation steps:

1. Log in to Recruit CRM and navigate to Jobs Page settings
2. Locate your Public Jobs Page URL (typically your-agency.recruitcrm.io/jobs)
3. Open your Webflow project in the Designer
4. Drag the Code Embed element from the Add panel into your page
5. Paste this code, replacing the URL with your Recruit CRM 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>



Add this code using Webflow's Code Embed element. The padding-top: 75% maintains a 4:3 aspect ratio across all device sizes. According to Recruit CRM's Careers Page Guide, customize branding and application forms in your Recruit CRM dashboard. Changes automatically reflect on the embedded page.

The embedded content appears as a placeholder in the Designer but displays correctly in preview mode and on your published site, as explained in Webflow's custom code embed documentation.

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

Limitations: This approach restricts design customization since the career page renders within Recruit CRM's styling system. According to Webflow's CORS policy documentation, iframe embedding inherently limits customization of look and feel. Cross-origin restrictions prevent JavaScript interactions between your Webflow site and the embedded content. Webflow-hosted sites do not allow direct modification of HTTP response headers needed to override CORS policies.

Alternatively, Recruit Craft, a no-code website builder offering professionally designed, industry-specific templates, syncs directly with Recruit CRM for automatic job updates. You can link to this standalone career site from your Webflow navigation. This avoids iframe constraints entirely while maintaining automatic job updates from Recruit CRM.

Build with Webflow and Recruit CRM API

Custom API integration provides greater control over data workflows and application logic. Implementation requires development resources. Recruit CRM's API supports candidate creation and management. Jobs retrieval and webhook endpoints have limited public documentation. Contact Recruit CRM support for complete API specifications.

You'll find this approach requires development expertise. 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 Recruit CRM. 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>.

Webflow webhook setup:

Configure a webhook subscription using the Webflow Webhooks API. Webhook configuration requires Bearer token authentication. It typically uses the form_submission event type to capture candidate applications from Webflow form submissions. The webhook payload includes complete form data for immediate processing in Recruit CRM. Webhook target URLs must use HTTPS. They must include signature verification mechanisms 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>"
}



Recruit CRM candidate creation:

POST the transformed data to Recruit CRM's candidate endpoint:

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



Include your API token in the Authorization header. The endpoint accepts fields including first_name, email, contact_number, qualification_id, current_organization, position, relevant_experience, current_salary, salary_expectation, 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) {
// Handle specific HTTP error codes
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 Recruit CRM's API reference.

Sync job postings to Webflow CMS

Pull job listings from Recruit CRM 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.

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

Webflow CMS operations:

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 Recruit CRM:

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



Updates existing collection items. Request body includes item IDs and fields to update (Update Collection Items endpoint).

Delete job postings using the delete items endpoint when positions close. This removes them from your Webflow career site in sync with Recruit CRM's job status updates. It 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 Webflow's CMS API reference:

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



Build candidate tracking dashboards

Create custom dashboards that display real-time application status, interview scheduling, and candidate pipeline metrics. Pull data from both platforms and present it in one interface.

Retrieve form submission data using the Webflow Forms API:

GET <https://api.webflow.com/v2/forms/{form_id}/submissions>



Or aggregate submissions across your entire site:

GET <https://api.webflow.com/v2/sites/{site_id}/form_submissions>



Cross-reference candidate data captured through Webflow forms with Recruit CRM's candidate records. Use automation platforms like Zapier or Integrately to track progression through your recruitment pipeline. Calculate time-to-hire metrics or identify bottlenecks in your process.

Authentication requirements:

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 specifically, permission scopes should include cms:write for creating and updating job listings in CMS collections. They should also include forms:read for retrieving candidate application form submissions.

Recruit CRM uses API token authentication exclusively. Generate tokens from Admin Settings → API & Integrations in your dashboard according to authentication documentation. All requests must use HTTPS. HTTP requests fail immediately.

What you can build

Integrating Recruit CRM with Webflow creates automated recruitment workflows that capture applications, sync job postings, and maintain candidate databases across both platforms.

• Automated career portals: Embed Recruit CRM's hosted career page or sync job listings to Webflow CMS collections. Capture applications through Webflow forms connected to RecruitCRM via automation platforms. Use automation platforms for basic syncing or custom API for advanced filtering.
• Specialized recruitment landing pages: Create recruitment landing pages for specific campaigns with custom application forms. Route candidates to appropriate pipelines in Recruit CRM based on their responses. Requires Webflow forms connected via Zapier or Make.
• Client self-service portals: Build authenticated portals where clients can post jobs through Webflow forms that sync to Recruit CRM. Clients can review matched candidates and track placement status. Requires custom API integration with authentication middleware.
• Candidate experience hubs: Design branded candidate portals using Webflow's Code Embed element to display Recruit CRM's public career page. Applicants can view their application status and schedule interviews. Use iframe embedding for quick setup without custom code.