Has anyone successfully used file uploads with Webflow forms using a basin endpoint?

Published on
September 22, 2023

Yes, many users have been able to successfully use file uploads with Webflow forms using Basin, an endpoint service for form submissions. Here is how you can set it up:

  1. Create your form in Webflow:
  • Add a form element to your Webflow project.
  • Add the necessary input fields for your form, including a file upload field. Make sure to set the form method to "POST".
  • Give each form field a unique name to identify the data being submitted.
  1. Set up a Basin account:
  • Go to the Basin website (https://usebasin.com/) and sign up for an account.
  • Create a new Basin form by clicking on the "Create Form" button.
  • Customize your form settings, including the form fields and submission notifications.
  1. Configure the form action:
  • In the Webflow designer, select the form element and open the "Settings" panel.
  • Under the "Form Settings" section, set the "Action" attribute to your Basin form endpoint URL. You can find this URL in the Basin dashboard under the "Settings" tab for your form.
  • Save your changes and publish your Webflow project.
  1. Test your file upload form:
  • Open your published website and fill out the form, including selecting a file to upload.
  • Submit the form and check your Basin account for the submitted data. The file should be included with the submission.

It's important to note that Basin has limitations when it comes to file uploads. The maximum file size for uploads is currently 5MB, and only certain file types are allowed (e.g., images, documents). Make sure to review Basin's documentation for more details on their file upload capabilities.

In summary, by integrating the Basin endpoint with your Webflow forms, you can enable file uploads and receive submitted files along with the form data. This can be a useful feature for forms that require users to upload files, such as job applications, support requests, or project submissions.

Questions:

  1. How can I integrate file uploads with Webflow forms?
  2. What is Basin and how can I use it for form submissions in Webflow?
  3. Are there any limitations or restrictions when using file uploads with Basin and Webflow forms?