Webflow Forms

Uploading Files

No items found.
Overview
Webflow Forms Basics
Intro
001
Webflow Forms Limitations & Bugs
002
Basic Form Controls
Form Select
051
Form Textarea
052
Customizing Input Controls
Customizing Radio Buttons & Checkboxes
Intro
101
Input Number & Decimal Places
Intro
102
Numeric Range Sliders
Intro
102
Multi-Select Dropdown
Intro
104
Auto-Size Textareas
Int
110
Date Pickers
Intro
111
Forms Validation
Forms Validation Basics
Intro
200
Input Types
Intro
201
Using Regex Patterns in Forms Validation
Intro
202
Validating Phone Numbers
Intro
202
Custom Validation Errors
Adv
203
Forms Validation Techniques
Validating Emails
Intro
301
Blocking Free Email Provider Addresses
Intro
302
Requiring Checkboxes
Intro
302
International Phone Numbers
Int
6:50
304
Databinding
Databinding CMS Collections to a Form Select
8:42
401
Forms Validation Techniques
3rd Party Form Handlers
Intro
401
Making Forms Dynamic
Displaying Form Parts Conditionally
14:36
501
Multi-Step Forms (MSFs)
Intro
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.

When you need to upload files to your website, it's important to consider all of the factors involved;

  • What is the largest file size you need uploaded?
  • What data needs to be attached with the file?
  • Does the file need to be accessed again through the website, e.g. attached to a user account?
  • Will it be one file, or multiple? What kind of UX do you want?
  • What's your budget?
  • What do you need to happen with the file once it's submitted?

Solutions

Here we're focusing on solutions that integrate directly with Webflow's native forms capability. Most 3rd party form solution ( Jotforms, Cognito, etc. ) will also support file uploading as part of the service.

Webflow Business Plan

Webflow natively provides file upload support through its Business Plan tier of site hosting.

Uploadcare

Very popular with the Webflow community.

Can be used for single or multiple file uploads and will keep the uploaded file data with the form data you're posting.

See the lesson here.

Basin

Excellent spam detection.

Can be used for single or multiple file uploads and will keep the uploaded file data with the form data you're posting.

See the lesson here.

Others ( untested )

Table of Contents
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.