Install Uploadery
Before Uploadery starts working on your store, you will need to install the app onto your current theme.
Using one of Shopify's free themes? Click to choose the name of your theme for more specific installation instructions!
Not using a Shopify 2.0 theme? Click here to learn more on how to install Uploadery!
Watch the video below or follow along with the step-by-step instructions in this guide to install Uploadery.
Here is the install code snippet mentioned in the video:
<div id="uploadery-container"></div>
1. Starting from your Shopify dashboard, click on Online Store, and then click on Themes.
2. Click the Actions button, then select Edit code.
3. Use the search bar located in the top left of the code editor to search for your product.liquid file.
4. Click into your product.liquid file.
5. Do a search using the keyboard shortcuts (ctrl F or ⌘ F) for the following line of code.
{% form 'product'
6. If you found a match, click here to skip to step 10.
If no results show up, search for the product-template.liquid file and click on it.
7. Do a search again for {% form 'product' using the keyboard shortcuts (ctrl F or ⌘ F).
8. If you found a match, click here to skip to step 10.
If no results show up, search for the product-form.liquid file and click on it.
9. Do a search again for {% form 'product' using the keyboard shortcuts (ctrl F or ⌘ F).
10. Once you find that line of code, please locate the following {% endform %} tag a few code blocks below.
This designates the section where the install code snippet (available in the next step) should be placed within. For example, in the image below, the section is located between lines 135 and 183.
11. Start by copying the Uploadery install code snippet below.
<div id="uploadery-container"></div><br>
12. Within this section of code, look for the word quantity. Paste the install code snippet above that, as seen below.
Not seeing a quantity section? Look for add to cart text and paste the install code snippet above that section, as seen below.
13. Save your changes.
14. You can now start creating upload fields for your products. Follow the instructions in this article to get started.
What's next?
Add a snippet of code so upload fields can display quicker on your product page: Decrease Uploadery's load time.
Need to adjust the upload link on the cart page?
Shorten the link shown on the cart page by adjusting the upload link: Display file upload details in the cart page.
Want to customize the look of your upload fields?
Here are some great resources to get you started:
Installing Uploadery on a 2.0 theme
Follow the step-by-step instructions below on how to install Uploadery for your 2.0 theme. This is a list of available Shopify 2.0 themes.
If your theme is not a 2.0 theme, you can click on the the blue collapsable accordion at the top of this help document called: Not using a Shopify 2.0 theme? Click here to learn more on how to install Uploadery!
1. Starting from your Shopify dashboard, click on Online Store, and then click on Themes.
2. Click the Customize button on the theme.
3. Select Products from the dropdown menu in the header and then select a product template. Default product is the standard template for a theme.
4. Locate a section for products in the left-hand toolbar. Then, click + Add block and select the Uploadery Fields block. If the block does not appear, then you are not using a 2.0 theme. Please refer to the instructions for non 2.0 themes above in a blue collapsable accordion.
5. Move the Uploadery Fields block above the Quantity selector block, or the Buy buttons block.
6. Save your changes.
7. You can now start creating upload fields for your products. Follow the instructions in this article to get started.
What's next?
Add a snippet of code so upload fields can display quicker on your product page: Decrease Uploadery's load time.
Need to adjust the upload link on the cart page?
Shorten the link shown on the cart page by adjusting the upload link: Display file upload details in the cart page.
Want to customize the look of your upload fields?