In this article, you’ll learn about the UploadKit – Upload Fields element and how to use it. In order to use this element, the Upload Fields by UploadKit app has to be installed on your Shopify store.
The UploadKit – Upload Fields element is designed to let customers upload files when adding products to their cart so they can capture a photo from their webcam, add files from the web, or from other sources. You can use the UploadKit – Upload Fields element to of a specific product, or for all of your products.
Before using this element, you have to install the Upload Fields by UploadKit app and set up all options for the product(s) you want in the Upload Fields by UploadKit app then come back to add the element on the corresponding product(s).
Access the Upload Fields by UploadKit element
Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.
Step 2: In Integrations popup page, you can search “Upload Fields by UploadKit” on the search bar
Step 3: Click on Upload Fields by UploadKit in the dropdown menu
Step 4: Choose the variant you want then drag and drop it to the editor page
Upload Fields by UploadKit element comes in 1 variation:
- Upload Fields
Drag and drop a variation to your layout to set it up.
Select the element in the layout to see its variation, then simply drag and drop the element onto your page.
- In the Product page, the Upload Fields element will depend on the chosen products you select in your Page Settings modal.
- For the other pages, you can select a specific product with the parameters in the General tab of the Upload Fields element.
- The Upload Fields element can be displayed on any page such as your homepage, regular page, collection or product pages. You can use the Upload Fields element as many times as you want on a particular page. However, you can only use one Upload Fields element in a Product Details element.
You can read about the parameters in the General tab here.
Remember that the Upload Fields element must stay inside the Product Details element.
Finally, hit Publish to see the result on your live page.
You can check the video tutorial below