Allowing users to upload files through your Webflow forms with Uploadcare

Community resources Webflow Tips
1

@YoavGivati , Webflow engineer, found this simple tutorial from Uploadcare.

Now you can upload files from your Webflow forms :slightly_smiling: Enjoy!

14 Likes
2

Hi,I can’t seem to get my files uploaded through uploadcare with the widget on the webflow. How do I make it work?

1 Like
3

Hi, this is nice. But i can’t receive mail anymore through the webflow mail form to my forwarding email address which i entered at the settings page of my project. I followed every step at the tutorial exactly as written.

What could i’ve done wrong? Do you have any advice @PixelGeek

Thanks

1 Like
4

Pls don’t regard my previous message. I solved the issue.

5

Hi, same thing happened to me, followed every step but did not work. How you solved?

6

Hi @aykut and @Mario_R_Luna_Meza Could you please update your comments with some more information so we can help you faster? Things like your read-only link & screenshots really helps us to help you faster :slight_smile:

How to share a read-only link:

Just to confirm, do you have a hosting subscription on the sites you’re using to get the form submissions?

7

Hi @Mario_R_Luna_Meza

In my case, i did this mistake to duplicate an existing Textfield, which was set on “required” mode. Thus mails couldn’t delivered because this filed wants to be filled out with text.

Therefore you only have to create a textfield from scratch, name it hide, set the ID Upload-Picture, add the Attribute (which is delivered at the tutorial page) and enter the generated code by uploadcare to the head code section in your settings panel.

Hope that hepls :wink:

8

When I put the code into the form, test it, it all works just fine. But the email that is sent from the form has “Field 18”, “Field 19” etc. Is there a way to change that? Can it be changed? If so, how/where?

Screen Shot 2020-11-17 at 4.29.44 PM

https://preview.webflow.com/preview/boomerang-printing?utm_medium=preview_link&utm_source=dashboard&utm_content=boomerang-printing&preview=ca3bf27a864d0348fad42922cd76463a&mode=preview

1 Like
9

And the form is located on which page?

10

Order online page.

Webflow - Boomerang PrintingScreen Shot 2020-11-18 at 9.57.20 AM|689x479

11

Not seeing any file fields for upload. What am I missing?

12

Scroll up to see the screen shot I attached earlier. It’s a screen shot of the email.

13

Here is the screen shot again to make things easier.

The bottom has Field 18, 19, etc. How can I change that to File 1, 2 etc.

Screen Shot 2020-11-19 at 2.06.23 PM

14

I was talking about the form field used to upload files. I had to go look at the source to see that it was hidden (an uploadcare file upload input ) on the Printing doesn't have to break the bank page. I suggest you reach out to uploadcare support.

1 Like
15

I’m sorry. I guess I wasn’t understanding what you were asking for. My apologies. I will contact them and see if they know what’s going on. Thank you.

1 Like
16

No problem. It looks to me the script is writing the value back to the form field. It’s a blackbox so best to go to the source.

1 Like
17

Ah ok. No clue what that means as I am learning but good to know. :slight_smile: