Create a bridge between your Webflow forms and Basin's database for a seamless submission experience.
Collecting submissions in Webflow on exported sites
If you’re wanting to use the built-in Webflow form element on a site you’ve exported, you simply need to adjust your Webflow form settings to connect to Basin for submission handling.
There are 3 ways to integrate a webflow form with Basin:
- Basic integration
- Basin JS: AJAX integration with reCAPTCHA (BETA)
- Custom jQuery integration
Copy/paste the Basin endpoint URL you want Webflow to use for submission handling. Then, log in to Webflow and access the form settings page. Paste the endpoint URL into the action field, and make sure that the method is set to POST.
Once you make these changes, you can publish/export your Webflow site code and your form will send all submission data to Basin.
Basin JS AJAX integration with reCAPTCHA v2 (BETA)
- Submit your form to Basin via AJAX
- Display a success or error div. It supports Webflows native form interactions (success and error messages)
- Add invisible reCAPTCHA v2
All you need to do is include our script, add the "data-basin-form" attribute to your form, and Basin will take care of the rest.
Step 1: Include the Basin JS script
Paste the following code into your Webflow site's Pages -> Project Settings > Before