Webflow Forms

Uploading Files with Basin

Overview
Webflow Forms Basics
001
Webflow Forms Limitations & Bugs
002
Basic Form Controls
Form Select
051
Form Textarea
052
Customizing Input Controls
Customizing Radio Buttons & Checkboxes
101
Input Number & Decimal Places
102
Numeric Range Sliders
102
Multi-Select Dropdown
104
Auto-Size Textareas
110
Date Pickers
111
Forms Validation
Forms Validation Basics
200
Input Types
201
Using Regex Patterns in Forms Validation
202
Validating Phone Numbers
202
Custom Validation Errors
203
Forms Validation Techniques
Validating Emails
301
Blocking Free Email Provider Addresses
302
Requiring Checkboxes
302
Address Autocomplete
302
Autocomplete / Predictive Input
302
International Phone Numbers
6:50
304
Databinding
Databinding CMS Collections to a Form Select
8:42
401
Forms Validation Techniques
3rd Party Form Handlers
401
Making Forms Dynamic
Displaying Form Parts Conditionally
14:36
501
Multi-Step Forms (MSFs)
501
SPAM Blocking Techniques
Minimizing Form Submission SPAM
600
SPAM Blocking Techniques
CAPTCHA Approaches
601
Form Handlers
3rd Party Form Handlers
901
Integrating the Basin Form Handler
902
Uploading Files
Uploading Files
950
Uploading Files with Uploadcare
951
Uploading Files with Basin
952
No items found.
Published
March 21, 2024
Updated
March 21, 2024
in lightbox

In addition to its excellent form-submission handling and email notifications, Basin also supports file uploads as part of its basic service. It can be used for single or multiple file uploads and will keep the uploaded file data with the form data you're posting.

Sygnal uses Basin on all of our projects already, due to its phenomenal SPAM handling, and its improved email notifications. Learn more about the problems we experience with Webflow's native form submission email notifications, and how Basin integrates.

Key features;

  • Supports multiple file uploads
  • Phenomenal SPAM detection and handling
  • Replaces Webflow's form email notifications
  • Supports email to form submitter as well
  • No free plan, but paid plan is relatively low-cost
  • Attachment support. In the more expensive plans, around $30/mo, you can even have those uploaded files as attachments to your email notifications.

Adding Basin to a Form

See Sygnal's course on how to integrate Basin.

Adding File Upload Support

More notes will be added later, for now have a look under the File uploads demos in our cloneable here-

@@ Cloneable | https://webflow.com/made-in-webflow/website/webflow-forms-demo

@@ Demo | https://webflow-forms-demo.webflow.io/special/file-upload

Email Notifications

The uploader will add a hidden input element that will be populated with a CDN URL for your uploaded files.

Files as Email Attachments

This is also natively supported on Basin's more expensive plans around $30/mo.

Notes

Pricing

Basin has no free plan, however it's pricing is relatively low overall, in particular for the value it adds to your basic form notifications and SPAM handling.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.