> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/infinite-options/inputs-and-field-settings/add-a-file-upload-field.md).

# Add a File Upload Field

The File Upload option lets shoppers attach a file to their order right from the product page. Use it when you need a logo, a photo, a reference image, or a simple document to go along with a custom product.

This is a basic upload field, built for straightforward cases. It accepts one file at a time, caps file size at 4MB, and keeps uploaded files for 30 days. If you need more than that, [Uploadery](https://apps.shopify.com/uploadery) is our dedicated upload app and handles larger files, more file types, and longer storage.

{% hint style="warning" %}
**Uploaded files are removed after 30 days.** Download the files you need and save them to your own computer or storage before then. Once a file is removed, we can't recover it.
{% endhint %}

## Adding a file upload field

### Step 1: Open or create an Option Set

From the Infinite Options dashboard, open the Option Set you want to add the field to, or click [**Create Option Set**](https://shoppad.gitbook.io/infinite-options/welcome/create-custom-options) to start a new one.

### Step 2: Add a File Upload option

Click **Add Option**, then choose **Upload** from the input type picker.

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2F9tVW8QY8mYNjGx9CRe8p%2Fimage.png?alt=media&amp;token=e96caf1b-41d1-42a8-8119-db99362acb48" alt=""><figcaption></figcaption></figure>

### Step 3: Name the field

Set **Label on Product** to the text shoppers see above the upload button, for example "Upload your logo". Set **Label on Cart** to how it should read in the cart, at checkout, and on the order.

### Step 4: Save

Click **Save**, then open the product on your storefront and upload a test file to confirm everything works.

## Accepted file types

Shoppers can upload the following file types. Anything else is rejected.

| Category      | File types                                                 |
| ------------- | ---------------------------------------------------------- |
| Images        | png, jpg, jpeg, gif, webp, bmp, tif, tiff, heic, avif, ico |
| Vector images | svg, ai, eps                                               |
| Documents     | pdf, doc, docx, xls, xlsx, ppt, pptx, odt, ods, rtf        |
| Text and data | txt, csv, tsv, md, json, xml                               |

## File size limit

Each file must be under 4MB. If a shopper picks a larger file, the upload is blocked and they see this message: *"That file is too large. Please choose a file under 4MB."*

If your shoppers regularly send large artwork or print-ready files, they'll run into this quickly. [Uploadery](https://apps.shopify.com/uploadery) supports files up to 50MB on its free plan and higher on paid plans.

## How long files are kept

Uploaded files stay available for 30 days, then they're automatically removed from our servers. Download anything you need to keep before the 30 days are up, and save it wherever you store your order records.

{% hint style="info" %}
[Uploadery](https://apps.shopify.com/uploadery) keeps files for 6 months instead of 30 days. If your fulfillment timeline runs long or you need files for record-keeping, that's the better fit.
{% endhint %}

## Styling

We don't recommend applying custom CSS to the file upload field. The upload control has moving parts that custom styling tends to break, and a broken upload button means lost orders. Leaving it with the default styling is the best configuration at this time.

If the look of the upload field matters to your storefront, [Uploadery](https://apps.shopify.com/uploadery) is built to be styled and has a [styling guide](https://shoppad.gitbook.io/uploadery/customize-the-app/style-file-upload-fields) to go with it.

## When to use Uploadery instead

The File Upload option covers basic needs. Install [Uploadery](https://apps.shopify.com/uploadery) if you need any of the following:

* Files larger than 4MB
* File types outside the list above, such as video, audio, or design files like psd and cdr
* Control over which file types you accept
* Files kept longer than 30 days
* Custom styling on the upload field

Already using Uploadery? You can bring its upload fields into your Option Sets. See [Adding an Upload Field - Uploadery](https://shoppad.gitbook.io/infinite-options/welcome/adding-an-upload-field-uploadery).

## Something not working?

#### **The shopper sees "That file is too large."**

* The file is over 4MB. Ask them to compress it or send a smaller version, or install Uploadery if this comes up often.

#### **The file won't upload and it's under 4MB.**

* Check the file extension against the accepted list above. Files outside that list are rejected.

#### **I can't find a file from an older order.**

* Files are removed after 30 days. If the order is older than that, the file is gone and can't be recovered.

#### **The upload button looks broken or won't respond.**

* If you've added custom CSS targeting the upload field, remove it and re-test. Custom styling isn't supported on this field.