UploadKit – Upload Fields element

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.

Install UploadKit

Install PageFly

About UploadKit – Upload Fields element

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 UploadKit - Upload Fields element

Step 1: Click on the 3rd icon in the Element Catalog which is the Add third-party elements

Step 2: Click on the UploadKit - Upload Fields element in the dropdown menu

UploadKit – Upload Fields element comes in 1 variation:

• Upload Fields

Drag and drop a variation to your layout to set it up.

UploadKit- Upload Fields element configuration

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.

Upload Fields 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