Create Forms with file upload in Webflow

Webflow makes it easy to design and publish beautiful websites. But when it comes to collecting files or attachments through a form, there's a catch: Webflow's native forms only support file uploads on paid Business and Ecommerce plans.
If you want visitors to send documents, screenshots, resumes, or photos without upgrading your plan, you'll need a different solution. With Tally, you can add file uploads to your site for free, then embed the form into Webflow using the Code Embed component.
 
notion image
 


 

Create a Tally Form with a File Upload

Go to Tally.so and create a Form.
Type /file to insert a file upload block. Respondents can click to choose a file or directly drag files into the file upload block.
 
notion image
 

File upload settings

Click :: to open the file upload settings. You can:
  • Make the file upload required or optional
  • Allow multiple files (and set a minimum and maximum number of files)
  • Set a maximum file size
  • Define the allowed file types
 
notion image
 

Multiple files

If you want respondents to be able to upload multiple files, enable the Multiple files option. This will allow you to define the desired minimum and maximum number of file uploads.
 
notion image
 
Respondents can drag multiple files at once in the file upload block or upload them one by one, using the Upload another file button.
 
notion image
 

File size

Enable Max file size to set a file size limit. Respondents will see the maximum file size limit in the file upload block.
 
notion image
 
Tally allows file uploads with an individual size of 10MB for free. To collect larger files, upgrade to Tally Pro.
Tally allows file uploads with an individual size of 10MB for free. To collect larger files, upgrade to Tally Pro.
 

File type

To only accept certain file types, enable Allowed files and select the file type(s) you want to accept. For example:
  • If you only want to accept image files, regardless of the type, select All image files
  • If you only want to accept .jpg files, select .jpg
 
notion image
 
Respondents will see the required file type(s) indicated in the file upload block.
 
notion image
 

Authenticated file upload URLs

The file uploads will be available in your Tally form submissions dashboard. They can be accessed through a link or downloaded directly to your device. You must be logged in and have access to the form to open the files.
Click the Open button next to the uploaded file in your Submissions tab to open the file using a link.
 
notion image
 
When you export your file uploads to third-party tools using our integrations, an access token is added to the links, which makes them accessible without the need to be logged in. For example, if you export form submissions to a Google Sheet, anyone with access to that Sheet can click the file upload URL and access the file (without being logged into Tally).
When you export your file uploads to third-party tools using our integrations, an access token is added to the links, which makes them accessible without the need to be logged in. For example, if you export form submissions to a Google Sheet, anyone with access to that Sheet can click the file upload URL and access the file (without being logged into Tally).
 

Download submitted files

To download files on your device, you can click the Download button next to each file for individual downloads or use the Download file uploads button at the top of your form submission table to download all submitted files on that page.
If your form submissions span multiple pages, you'll need to repeat this step on each page to download all files.
 
notion image

Embed your conditional logic form in Webflow

  • Now that your form is ready, you can publish it and go to the Share tab. There you can select the way in which you want to embed your form:
    • notion image
  • On the next screen, choose the right settings for your embed and then get the embed code from the button:
    • notion image
  • Go back into Webflow and drag a Code Embed element into your existing design or create a new blank page for a full page embed.
  • Simply paste the code snippet into the HTML Embed Code Editor that pops up. Click Save & close.
  • From the top right click Publish → Publish to Selected Domains and check out the published result.
 

Connect to your favorite tools with native integrations & automations

Now, where to send your form submissions to? With Tally you can automate workflows with ease. No more manual data entry or copy-pasting. Connect your form to Zapier, Notion, Airtable, Google Sheets, and 1000+ tools.
 
 

Relevant Resources


 

Create a free Tally form

Just start typing, you don’t even need an account to try it out.
 
notion image