# Install in 1.0 themes

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

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:

```html
<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.**

<figure><img src="/files/Kvi7VkoCygbjSARi3mGO" alt=""><figcaption></figcaption></figure>

3\. Use the search bar located in the top left of the code editor to search for your **product.liquid** file.

<figure><img src="/files/EREoeazG2SpZA4TNHK7V" alt=""><figcaption></figcaption></figure>

4\. Click into your **product.liquid** file.

<figure><img src="/files/VkJpl9oRXwUONmnt0FWe" alt=""><figcaption></figcaption></figure>

5\. Do a search using the keyboard shortcuts (ctrl F or ⌘ F) for the following line of code.

```liquid
{% form 'product'
```

<figure><img src="/files/gTjSGO2mPTjTCG8UakNo" alt=""><figcaption></figcaption></figure>

6\. If you found a match, [click here to skip to step 10](#step-10).

If no results show up, search for the **product-template.liquid** file and click on it.

<figure><img src="/files/CrhfAKFKf2hqhPre6Pn0" alt=""><figcaption></figcaption></figure>

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](#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 161 and 245.

<figure><img src="/files/oVUJ8jWvlvvjpJRrqZ4w" alt=""><figcaption></figcaption></figure>

11\. Start by copying the Uploadery install code snippet below.

```html
<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.

<figure><img src="/files/Lx33e4BhlKM7yPBv8mWP" alt=""><figcaption></figcaption></figure>

Not seeing a quantity section? Look for **add to cart** text and paste the install code snippet above that section.

13\. Save your changes.

14\. You can now start creating upload fields for your products. Follow the instructions in [this article](/uploadery/readme/create-and-display-upload-fields.md) 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](/uploadery/troubleshooting/decrease-uploaderys-load-time.md).

### Need to adjust the upload link on the cart page?

<figure><img src="/files/sOdf9QffMtxFsYKhbbjv" alt=""><figcaption></figcaption></figure>

Shorten the link shown on the cart page by adjusting the upload link: [Display file upload details in the cart page](https://github.com/shoppad/docs-uploadery/blob/master/customize-the-app/display-file-upload-details-in-the-cart-page.md).

### Want to customize the look of your upload fields?

<figure><img src="/files/9o49UTeKLpX6KNSYZvIq" alt=""><figcaption></figcaption></figure>

**Here are some great resources to get you started:**

* [Style your upload fields](/uploadery/customize-the-app/style-file-upload-fields.md)
* [Add an image preview to the product page](/uploadery/customize-the-app/add-an-image-preview-to-the-product-page.md)

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shoppad.gitbook.io/uploadery/install-uploadery/install-in-1.0-themes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.