Form File Upload

Basic Webflow forms

Standard Webflow form

This is the default Webflow FORM configuration;

https://university.webflow.com/lesson/form-file-upload

  • Built-in Webflow solution
  • - Requires Business plan or above
  • > - Cannot even place the File Upload element without a Business plan
  • ? Uncertain how it handles upload to an external service like Zapier.
  • + Automatic data collection into Webflow's forms database.
  • + Automatic email of form captures to e.g. clients.
  • + Nice success / failure display, customizable.
  • + Does not need a "success" page to redirect to.
  • + reCAPTCHA supported ( but v2 only )
  • + Form posts can be picked up from the API via automation like Zapier ( may not be instantaneous )
  • - Limited controls, but all the basic ones. No richtext, slider, etc. File upload?
  • - No ability to separate form behaviors, e.g. some email, some don't.
  • - No in-built ability to post to the CMS, or to an external database e.g. comments.

DEMO - Webflow form handler

For display only, non-functioning as this demo site is not on Webflow's Business Plan.

File upload component would go here.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Webflow form to Zapier

Experiment with Zapier, untested recently.

DEMO

For display only, untested recently.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Webflow form + Basin

Uses Basin.

  • Uses SA5 Forms handler to display Webflow's standard success and failure panes.
  • Support one, or multiple file upload.
  • Uploads to Basin
  • 100MB max per submission.

DEMO - Basin

Upload a file, this demo will email it to you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Webflow form + Basin + Dragdrop

Uses Basin.

  • Uses SA5 Forms handler to display Webflow's standard success and failure panes.
  • Support one, or multiple file upload.
  • Uploads to Basin
  • 100MB max per submission.

DEMO - Basin

Upload a file, this demo will email it to you.

Drag & Drop Files Here
or, click to browse
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

How to implement

See the designer view of this demonstration by clicking the button at the top.
Then view this part of the layout for details;

01 The basic process

Coming soon.

Webflow form + Upload Care

Uses UploadCare.

  • Make certain to check pricing, as it's a steep cliff after the free plan.
  • ! Experimental- not yet working the way we want.
    • Want to integrate the form content and files into a single post
    • Want UC to capture and store the full result
    • Want UC to send the mail notification, ideally with the option to have the files as attachments

DEMO - Upload Care

Upload a file, this demo will email it to you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.