Basin

How to integrate Basin with Webflow

Connecting Basin to your Webflow forms opens up powerful capabilities for form processing, spam protection, and workflow automation.

The easiest way to connect the two is installing the Basin app for Webflow. Yyou can also use direct embeds or API integration depending on your specific needs.

Use the Basin App

The Basin Forms app offers the fastest way to connect your Webflow Forms to Basin's backend. Install the app directly from the Webflow App marketplace, connect your Basin account, and link any form with just a few clicks. The app automatically configures your forms to send submissions to Basin endpoints while maintaining your site's user experience.

Key capabilities:

• Automatic form detection finds and connects forms in your project
• Built-in spam protection with Google reCAPTCHA v3 support
• Lead scoring evaluates submission quality automatically
• Custom success messages and redirect options
• Multi-form support on single pages

The app handles all technical configuration behind the scenes, making it ideal for agencies managing multiple client sites or teams without technical resources.

Native features, direct embeds and widgets

Basin provides two direct integration methods that work without installing the marketplace app. These options give you more control over the integration while still avoiding complex API development.

Manual form action setup connects forms by copying your Basin endpoint URL into the form's action field. Create a form in Basin's dashboard, copy the unique endpoint URL (like https://usebasin.com/f/abc123), and paste it into your Webflow form's action setting. Set the method to POST and publish your site.

BasinJS script embed adds enhanced functionality through a lightweight JavaScript library. Add the script to your site's custom code section, then configure forms with the data-basin-form="true" attribute. This method enables:

• AJAX submissions without page reloads
• Inline success messages for better user experience
• Dynamic endpoint routing for Webflow Collections
• Enhanced spam filtering with honeypot fields
• Custom event handling for analytics tracking

To implement BasinJS, add this script before your closing body tag:

<script src="https://js.usebasin.com/v2.9.0.min.js" defer></script>

Build with Webflow and Basin API

The Basin and Webflow APIs enable advanced integrations for custom workflows, automated content creation, and bi-directional data sync. This approach suits developers building scalable solutions that need programmatic control over form data flow and CMS updates.

Basin's form submission endpoint (https://usebasin.com/f/{form_id}) receives POST requests containing form data. Combined with Webflow's CMS API, you can create sophisticated automation that transforms form submissions into published content, user profiles, or dynamic collections.

Automated CMS content creation

Build workflows that automatically create Webflow CMS items from Basin form submissions. This pattern works well for user-generated content, testimonials, or event registrations. Use Basin's webhook system to trigger serverless functions that:

• Parse incoming submission data with field validation
• Transform data to match Webflow CMS schemas
• Create new collection items via Webflow's Collections API
• Handle file uploads and asset management
• Send confirmation emails to users

The integration typically uses Basin webhooks to POST submission data to your automation endpoint, which then calls Webflow's API to create or update CMS items.

Real-time lead routing and enrichment

Create intelligent lead distribution systems by combining Basin's spam filtering with custom business logic. Basin webhooks can trigger workflows that:

• Score and qualify leads based on submission data
• Route high-value leads to specific sales teams
• Enrich lead data with third-party APIs
• Update multiple Webflow collections simultaneously
• Trigger personalized follow-up sequences

This approach requires setting up webhook endpoints that receive Basin's JSON payloads and orchestrate API calls to both Webflow and other services.

What you can build

Integrating Basin with Webflow enables you to create sophisticated web experiences that go beyond simple contact forms.

• Dynamic testimonial walls: Build a customer feedback system where approved testimonials automatically publish to your Webflow CMS, creating a constantly updated social proof section on your site
• Multi-vendor marketplaces: Create vendor application forms that generate seller profiles and product listings in Webflow Collections, complete with file uploads for logos and product images
• Event registration platforms: Develop conference sites where attendee registrations create CMS entries for networking profiles while sending confirmation emails and calendar invites
• Job boards with application tracking: Build recruitment platforms where job applications flow into a candidate database with resume parsing and automated screening workflows