How can we help?

In this guide, we'll walk you through the simple steps to add file uploads to your framer form, with only a few clicks.

Access FramerForms:

• Start by visiting framerforms.com and create your account. FramerForms allows you to build unlimited and custom forms seamlessly integrated into Framer.

Copy Components:

• Once logged in, copy the Form components from FramerForms that you'll need for your form.

Design Your Form:

• Paste the copied components into your Framer project.

• Arrange and style the form elements according to your preferences. You can customize input fields for name, email, and message, and then add the file upload component.

Configure File Upload Component:

• Customize the file upload component by adjusting its width, height, and styling.

• Ensure that each form field has a unique ID for proper identification when the form data is sent.

Set File Upload Details:

• Specify any requirements for the file upload, such as file type and whether it's required.

• Note that the default maximum file size for uploads is 50 MB.

Configure Submit Button:

• Configure the submit button to determine the action upon submission. You can set it to redirect users to a specified page.

• Under the submit URL, input the destination where the form data will be sent. Options include tools like Formspree, Zapier, or MailChimp.

Testing:

• Publish your Framer project and test the form by filling it out with sample data.

• Verify that the form submission redirects as expected and that the data is correctly sent to the specified destination.

By following these steps, you can seamlessly integrate file uploads into your Framer forms, enhancing the functionality and usability of your projects!