Form Sparrow
Connect Form Sparrow with Webflow to collect form submissions and route data without building backend infrastructure.
How to integrate Form Sparrow with Webflow
Webflow's native forms work well for hosted sites, but Form Sparrow extends its functionality with advanced validation, file handling, and form support for exported sites. Form Sparrow processes submissions on exported static sites where Webflow's native forms stop working.
You can connect Form Sparrow to Webflow through embedded HTML forms or by building custom workflows with Webflow's API.
Embed Form Sparrow with Webflow's Code Embed element
Webflow's Code Embed element lets you add HTML forms directly to your pages. This method works for both Webflow-hosted sites and exported projects, supporting up to 10,000 characters of code per embed.
Create a Form Sparrow account and generate your unique action URL from the dashboard. In Webflow, drag a Code Embed element onto your page. Paste your HTML form code with the action URL pointing to Form Sparrow's endpoint. Set the form method to POST and add name attributes to all input fields.
Form Sparrow supports these capabilities:
- File uploads using
enctype="multipart/form-data"on the form tag - Custom email subjects through hidden input fields
- Dynamic reply-to addresses using form field values
- Honeypot spam protection via hidden fields following Form Sparrow's documentation patterns
- Post-submission redirects to custom thank you pages
Forms submit directly to Form Sparrow's endpoint without JavaScript requirements, though you can add custom scripts for enhanced functionality. This approach works well when you need form functionality on exported Webflow sites or advanced file handling that Webflow's native forms don't provide.
Build with Webflow and Form Sparrow APIs
Webflow's REST API enables programmatic form management and submission handling. Combine this with Form Sparrow's endpoint structure for custom workflows that route data between systems.
Manage forms programmatically
Webflow's API provides endpoints for form operations across your sites. Retrieve form configurations, access submissions, and manage form data through authenticated requests.
Key API endpoints include:
- List site forms with GET /v2/sites/:site_id/forms to retrieve all form configurations
- Get form submissions using GET /forms/{form_id}/submissions with pagination support
- Delete submissions through DELETE /formsubmissions/{formsubmission_id} for data management
Authentication requires Bearer tokens with appropriate scopes. The authorization documentation details scope requirements for forms:read and forms:write operations.
Use these endpoints to build custom form management dashboards, automate submission processing, or sync form data with external systems. The API returns structured JSON responses with complete form metadata and submission details.
Sync form data to CMS collections
Webflow's CMS API lets you create collection items from form submissions. Process submissions through Form Sparrow, then use Webflow's API to store structured data in CMS collections.
Implementation workflow:
- Create CMS items with POST /v2/collections/:collection_id/items from submission data
- Update existing items using PATCH /v2/collections/:collectionid/items/:itemid for data modifications
- Publish items through POST /v2/collections/:collection_id/items/publish to make content live
This pattern works for user-generated content sites, directory submissions, or workflows where form data becomes structured site content. Monitor form submissions via Webflow's form webhook notifications or API polling, then use Webflow's CMS API to create corresponding CMS entries based on submission data.
The CMS API requires cms:read and cms:write scopes. Field data must match the collection schema defined in Webflow.
What you can build
Integrating Form Sparrow with Webflow gives you flexible form handling across static sites, hosted projects, and complex data workflows.
- Lead qualification forms: Build multi-step forms that collect detailed prospect information, validate data against custom rules, and route qualified leads to sales teams based on company size, industry, or region
- Document collection portals: Create intake forms where clients upload contracts, proposals, or project files with automatic email delivery to appropriate teams and organized file storage
- Event registration systems: Design registration forms with file upload support, payment processing integration, and automated confirmation emails with calendar invitations
- Support ticket intake: Build help desk forms that categorize issues, attach screenshots or logs, route tickets to specialized teams, and trigger automated acknowledgment workflows
Frequently asked questions
Use Webflow's Code Embed element to add Form Sparrow forms to your pages. Drag a Code Embed element onto your page and paste your HTML form code with the action attribute pointing to your Form Sparrow endpoint from your dashboard.
Example form structure:
<form action="https://my.formsparrow.com/api/YOUR_ENDPOINT" method="POST"> <input type="text" name="name" required> <input type="email" name="email" required> <button type="submit">Send</button> </form>This method works on both hosted and exported Webflow sites. The Form Sparrow documentation provides the exact endpoint format. For file uploads, add
enctype="multipart/form-data"to your form tag.Yes. Form Sparrow works on exported Webflow sites because form processing happens on Form Sparrow's infrastructure rather than Webflow's servers. This solves the limitation where Webflow native forms stopped working on exported sites in May 2018.
When you export your Webflow site, the HTML form code remains intact with your Form Sparrow action URL. Submissions go directly to Form Sparrow's endpoint regardless of where you host the exported files.
Use the Code Embed element method described above to ensure forms work correctly on exported sites.
Add
enctype="multipart/form-data"to your form tag and include file input fields with proper name attributes. Form Sparrow processes uploaded files and includes them as email attachments.Example file upload form:
<form action="https://my.formsparrow.com/api/YOUR_ENDPOINT" method="POST" enctype="multipart/form-data"> <input type="text" name="name" required> <input type="email" name="email" required> <input type="file" name="document" required> <button type="submit">Submit</button> </form>Webflow API requests require OAuth 2.0 or Personal Access Tokens with appropriate scopes. Use
forms:readto retrieve form submissions,forms:writeto delete submissions, andcms:readpluscms:writefor CMS collection operations.Form Sparrow uses unique endpoint URLs that encode recipient information and configuration settings. No API authentication is required for Form Sparrow since the endpoint URL itself contains the necessary credentials.
Zapier and Make.com (formerly Integromat) connect Webflow form submissions to external services. Both platforms include Webflow apps with form submission triggers that activate when someone submits a Webflow form.
Build workflows that trigger on Webflow form submissions and send data to other services via HTTP POST requests or platform-specific integrations. These platforms act as middleware between Webflow's form system and external APIs.
For forms processed through Form Sparrow, the workflow depends on Form Sparrow's webhook capabilities or email-to-webhook services that trigger automation based on form submission notifications.
Description
Form Sparrow is a cloud-based form handling service that processes form submissions through HTTP POST endpoints. The service collects form data, validates submissions, and delivers notifications via email without requiring server-side code.
This integration page is provided for informational and convenience purposes only.
JotForm
Connect Jotform's powerful form builder with Webflow to create advanced forms with payment processing, file uploads, and automated workflows. Collect submissions that automatically create CMS items, sync data in real-time, and extend beyond Webflow's native form limitations.
Jinglebell
Jinglebell brings you an intuitive module to fully integrate your Webflow-designed forms.
Getform
Connect Getform with Webflow to process form submissions without building backend infrastructure.
FormToEmail
Connect FormToEmail with Webflow to send form submissions directly to any email address.
FormBucket
Capture, protect, store, and automate form submissions.
Formstack
Connect Formstack with Webflow to get conditional form logic, HIPAA compliance, payment processing, and automated data sync between form submissions and CMS collections.
Formcarry
Connect your Webflow forms to Formcarry's powerful form backend service. Handle submissions, automate workflows, and maintain GDPR compliance — whether your site is hosted on Webflow or exported elsewhere.
Formspree
Redirect your form submissions to your email. Use Formspree for testing and development with unlimited projects and forms, limited to 50 submissions/mo.
Elfsight Contact Form
Capture leads and customer inquiries on your Webflow site with Elfsight's customizable contact form widget. Build professional forms with drag-and-drop simplicity, add custom fields, and automate email notifications — all without writing code.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
