Install Uploadery Code on Express Theme

Before Uploadery starts working on your store, you will need to install the app onto your current theme.

Follow the step-by-step instructions below on how to install Uploadery for your Express theme.

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-form.liquid file.

4. In this file, do a search using the keyboard shortcuts (ctrl F or ⌘ F) for the following text.

{%- form 'product'

5. Within the {%- form and {%- endform -%} tags, locate the Add to cart section that starts with:

<div class="product-form__buttons">

6. Copy the following code snippet.

<div id="uploadery-container"></div>

7. Paste the code snippet on a new line right above the Add to cart section that you found in step 5.

8. Save changes.

9. 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: