# How to make a Upload Button

**URL:** <https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240>\
**Category:** Ask the community\
**Tags:** question, design, code, wix-stores\
**Created:** [July 20, 2018, 8:16am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240 "2018-07-20T08:16:15Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 20, 2018, 8:16am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/1 "2018-07-20T08:16:15Z")

</div>

Hi There,  
I want make Upload Button my product page.When Customer visit our store than they Upload her Design or File.I was try Wix code use.But i was failed.I need any help how to do step by step.Please any one help me.  
Thank You

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [July 22, 2018, 11:14am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/2 "2018-07-22T11:14:54Z")

</div>

See the tutorial [How to Use the Upload Button with Code](https://support.wix.com/en/article/how-to-use-the-upload-button-with-code) .

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 22, 2018, 11:25am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/3 "2018-07-22T11:25:12Z")

</div>

Hi,  
Thanks for response.I was already try this.But i am faild.

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 22, 2018, 11:43am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/4 "2018-07-22T11:43:03Z")

</div>

Hey,  
First i need a database connect Upload button ?

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [July 22, 2018, 11:48am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/5 "2018-07-22T11:48:17Z")

</div>

As the article explains, you need an Upload button to choose a file, and a regular button to trigger the actual update.

The article explains in full detail what you need to do and how.

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 22, 2018, 12:11pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/6 "2018-07-22T12:11:26Z")

</div>

I want anything this See

 ![](https://us1.discourse-cdn.com/wix/original/3X/4/0/40df677ba9db6b75c243ea13497e83c4eb69944f.jpeg)

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 22, 2018, 12:14pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/7 "2018-07-22T12:14:28Z")

</div>

I want when customer order me than upload her Design.

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 22, 2018, 12:18pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/8 "2018-07-22T12:18:47Z")

</div>

This is New.I want make this product page upload button

 ![](https://us1.discourse-cdn.com/wix/original/3X/c/3/c3b8cd9bf12cd0e023ca78e9d8793c264e52be7c.jpeg)

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [July 22, 2018, 1:09pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/9 "2018-07-22T13:09:22Z")

</div>

You can add the components and the code as described in the article to your page. I tried it myself and it works.

Here’s the page with the added components:

 ![](https://us1.discourse-cdn.com/wix/original/3X/d/5/d5b760c5e8a3b227db7d2f3e91ed5c25666136bd.jpeg)

After selecting an image to upload:

 ![](https://us1.discourse-cdn.com/wix/original/3X/b/e/be65cbaa73b0e15645f815201469df6393e85cc6.png)

After selecting the image to be uploaded:

 ![](https://us1.discourse-cdn.com/wix/original/3X/b/e/be65cbaa73b0e15645f815201469df6393e85cc6.png)  
Here’s what it looks like after the upload is completed:

 ![](https://us1.discourse-cdn.com/wix/original/3X/5/f/5f8517e7fa7d2ca424b6ed8cf5a3ff9038256768.png)  
As you can see, I selected a picture, then clicked on Button, and a short while later the picture upload was completed. In my example I only displayed the picture on the screen. You might choose to save to a database collection.

Good luck,

Yisrael

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 23, 2018, 12:53pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/10 "2018-07-23T12:53:51Z")

</div>

Hey,

I was add the components see

![](https://us1.discourse-cdn.com/wix/original/3X/d/c/dcd886e05d2669b8ce1e13a5723ab877a09d32d6.jpeg)  
And add the Code See

![](https://us1.discourse-cdn.com/wix/original/3X/c/f/cfd0da2d75c905eedf8244cb8def119c8528da53.jpeg)  
But it’s not work.Please help my problem.

Thank You

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [July 23, 2018, 12:59pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/11 "2018-07-23T12:59:37Z")

</div>

The errors indicate that you do not have a **Text** component to display the messages. You need to add a **Text** component with #text1 as the ID.

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 23, 2018, 1:12pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/12 "2018-07-23T13:12:24Z")

</div>

Yes,I was fix text but still not work.See

![](https://us1.discourse-cdn.com/wix/original/3X/2/4/24581d1320187788c0628fb0691bf3fc2c146ad7.jpeg)

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [July 23, 2018, 1:14pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/13 "2018-07-23T13:14:29Z")

</div>

What doesn’t work? Are you getting errors in the Developers console?

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 23, 2018, 1:23pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/14 "2018-07-23T13:23:06Z")

</div>

I don’t know.Because i don’t have API Code Knowledge.Can you tell send me video first to late Please ?

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [July 23, 2018, 1:31pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/15 "2018-07-23T13:31:12Z")

</div>

We appreciate your interest in really getting the most out of Wix Code and how much you want to learn. Please understand that if you are going to work with code extensively in the product and not just the features in the user interface, you will need to familiarize yourself with basic coding concepts, and to learn the API to accomplish what you want. We are happy to get you pointed in the right direction and get you started with what the code should look like, but you’ll need to take it from there.

You may also want to check out the [WixArena](https://www.wix.com/arena/web-designers/1) - it’s a hub where you can look for Wix Code (and other) experts for hire.

Thanks for your understanding.

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 23, 2018, 1:57pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/16 "2018-07-23T13:57:56Z")

</div>

Hey,

This time i don’t have expert hire position.I again do start work show you step by step.

---

<div class="post-metadata">

**Author:** ![litonhasan566](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/litonhasan566/32/5508_2.png) [@litonhasan566](https://forum.wixstudio.com/u/litonhasan566)\
**Post date:** [July 23, 2018, 2:48pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/17 "2018-07-23T14:48:27Z")

</div>

Hey,  
I was do.now it’s work.But can you tell me this upload file how to i find ?

---

<div class="post-metadata">

**Author:** ![experimentnoxx](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/experimentnoxx/32/10304_2.png) [@experimentnoxx](https://forum.wixstudio.com/u/experimentnoxx)\
**Post date:** [August 5, 2019, 8:39pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/18 "2019-08-05T20:39:01Z")

</div>

@yisrael-wix is there any reason it isn’t possible to do the upload in the upload button’s .onChange event instead of using another button? I tried and get some errors I haven’t figured out yet, and I’m wondering whether this is something we can work around…

---

<div class="post-metadata">

**Author:** ![contact93342](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/contact93342/32/25259_2.png) [@contact93342](https://forum.wixstudio.com/u/contact93342)\
**Post date:** [March 29, 2021, 8:29pm UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/19 "2021-03-29T20:29:59Z")

</div>

Hi YIsrael, Although it has been a long time since the post was written here, I came to it in an attempt to find a solution to the exact same problem. I want to add an image upload option to a specific product I have. I read the guide you attached and I succeed to add an option to upload an image to reviews or another form but I could not figure out how to add an image and link it to a product option so that I could figure out from a customer’s order which image he attached to his order. I would be very happy for guidance from you. Thanks!

---

<div class="post-metadata">

**Author:** ![kylieparr2yfs8906](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/kylieparr2yfs8906/32/28650_2.png) [@kylieparr2yfs8906](https://forum.wixstudio.com/u/kylieparr2yfs8906)\
**Post date:** [March 30, 2021, 8:42am UTC](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240/20 "2021-03-30T08:42:38Z")

</div>

Thanks for response.I was already try this

[Next page](https://forum.wixstudio.com/t/how-to-make-a-upload-button/7240.md?page=2)
