Formcarry

How to integrate Formcarry with Webflow

Formcarry gives you multiple ways to connect your Webflow forms. Choose based on your technical skills and project requirements. For most users, the simple form action method provides everything needed, including spam protection, file uploads, and automation, without requiring you to writecode.

Native features, direct embeds and widgets

Set up Formcarry in minutes by updating your form's action URL. This method works for both Webflow-hosted and exported sites.

Use this method to:

• Process forms on exported Webflow sites where native submissions don't work
• Add GDPR-compliant data handling with built-in spam protection
• Enable file uploads through standard HTML form fields
• Connect to Zapier for automated workflows

Steps:

1. Create a form in your Formcarry dashboard
2. Copy your unique endpoint URL (like https://formcarry.com/s/YOUR-FORM-ID)
3. In Webflow Designer, select your form element
4. Set the form's Action to your Formcarry endpoint
5. Ensure Method is set to POST
6. Publish your site

Additional features without code:

• Set custom thank-you pages through Formcarry's Return URL setting
• Configure email notifications in your dashboard
• Export submissions as CSV or JSON
• Add reCAPTCHA by including Google's script and a hidden field

Build with Webflow and Formcarry APIs

For developers seeking programmatic control, both Formcarry and Webflow offer robust APIs. Use these to create custom workflows, sync data between systems, or build advanced form logic beyond what's possible through the UI.

The Formcarry API enables form creation, submission retrieval, and webhook configuration. Webflow's CMS API allows you to create and update collection items based on form submissions.

Programmatic form management

Create and configure forms dynamically using Formcarry's Forms API.

Use this to:

• Generate forms programmatically with PUT /api/form
• Set up client-specific forms automatically
• Configure notification emails and settings via API

Implementation:

fetch("https://formcarry.com/api/form", {
  method: "PUT",
  headers: { "api_key": "YOUR_API_KEY" },
  body: JSON.stringify({
  name: "Customer Feedback",
  email: "admin@company.com"
  })
})

Requirements:

• Formcarry API key (never expose client-side)
• Server-side implementation for security

Submission data sync

Retrieve form submissions programmatically for custom processing or CMS integration.

Use this to:

• Fetch submissions with GET /api/submission/{formId}
• Sync data to Webflow CMS collections
• Build custom dashboards or analytics

Common workflow:

1. Formcarry webhook triggers on new submission
2. Your server receives the webhook payload
3. Process data and call Webflow's API to create CMS items
4. Handle errors and maintain sync status

Advanced automations

Connect form submissions to any workflow using webhooks and integrations.

Use this to:

• Trigger real-time actions on form submission
• Integrate with services not available in Zapier
• Build complex conditional workflows

Webhook payload example:

⸻

{
  "event": "submission.created",
  "data": {
  "id": "fc1234567890",
  "fields": {
  "name": "Jane Doe",
  "email": "jane@example.com"
  }
  }
}

What you can build

Integrating Formcarry with Webflow enables powerful form-based experiences beyond basic contact forms.

• Lead generation systems: Build high-converting landing pages that capture leads, automatically sync to your CRM, and trigger personalized email sequences
• File submission portals: Create job application sites where candidates upload resumes, portfolios get submitted for review, or customers share documents for support cases
• Event registration platforms: Design event sites with registration forms that automatically send confirmations, add attendees to mailing lists, and generate check-in spreadsheets
• Customer feedback hubs: Develop feedback collection systems that route responses to appropriate teams, create support tickets, and aggregate data for product insights