---
title: "Add Downloads to Order Confirmation Email"
url: "https://fileflare.io/docs/order-confirmation-downloads/"
description: "Add a download access link to your Shopify order confirmation email so customers can reach their files."
published: "2026-03-27T16:32:39+00:00"
modified: "2026-10-05T19:38:55+00:00"
---

Embed a download button or link in Shopify’s order confirmation email — the one Shopify sends automatically — so customers reach their files from the same email they already trust. Pairs nicely with disabling Fileflare’s email if you want to send only one email per order.

Available on the Basic plan and above (you’ll need thank-you page downloads enabled for the link to work). Method 3 also uses customer account downloads, which are included from Basic. Always save a backup of your Shopify order confirmation code before editing — it’s easy to break.

## When you’d use this

- You want a single email per order rather than two (Shopify’s confirmation + Fileflare’s download email).
- You want to lean on Shopify’s high email deliverability instead of Fileflare’s default sender.
- You’re translating the email per language using Shopify’s Translate & Adapt — that translates this template, not Fileflare’s. See [dynamic language by country](/docs/how-to-translate-the-email-text-language-for-each-country-dynamically/).

## Why Shopify’s email, not Fileflare’s

Shopify can’t add Fileflare’s download links automatically — the order confirmation email is rendered by Shopify, not Fileflare. The trick is: link to a page that *does* have the downloads. The thank-you page (Order Status page) is hosted by Shopify, has Fileflare’s app blocks rendering download links, and is reachable from the order email via Shopify’s `{{ order_status_url }}` variable.

Three flavors of how to add the link, ordered from simplest to most polished.

## Prerequisites for all methods

1. Fileflare on Basic plan or higher.
2. Thank-you page downloads enabled in Fileflare » **Settings** » **Checkout settings** » **Display download links on checkout page**.
3. (Method 3 only) Customer account downloads enabled (Basic plan and higher).

## Method 1: rename the existing button (simplest)

Shopify’s order confirmation email already has a “View your order” button that links to the Order Status page. The Order Status page is where Fileflare’s downloads show. So all you need to do is rename the button so customers know there are downloads on the other side.

1. Shopify admin → **Settings** → **Notifications** → **Order confirmation**.
2. Click **Edit code**.
3. Press Ctrl+F (Cmd+F) and search for the existing button text — usually `View your order`.
4. Change to something like `Download your files & view your order`.
5. Save.

That’s it. Customers click the button, land on the Order Status page, see download links. Fastest method, smallest code change.

## Method 2: add a separate “Download your files” button

Adds a dedicated download button alongside Shopify’s existing “View your order” button. More visual emphasis on downloads if your customer base often skips emails.

1. Shopify admin → **Settings** → **Notifications** → **Order confirmation**.
2. Click **Edit code**.
3. Find a placement spot (typically near the existing button — line ~152 historically, but Shopify moves things around). Paste the button code below:

HTML```
<textarea aria-hidden="true" class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1"><html>
<head>
  <style>
    button {
      color: #ffffff;
      background-color: {{ shop.email_accent_color }};
      font-size: 16px;
      border-radius: 4px;
      padding: 20px 50px;
      border: none;
      display: block;
      width: 100%;
      text-decoration: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <a href='{{ order_status_url }}' style="text-decoration:none">
    <button type="button" name="Fileflare-button" target='_blank'>Download your files</button>
  </a>
</body>
</html></textarea>
```

```
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">html</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">head</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF">  <</span><span style="color: #F07178">style</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">    </span><span style="color: #FFCB6B">button</span><span style="color: #EEFFFF"> </span><span style="color: #89DDFF">{</span></span>
<span class="line"><span style="color: #EEFFFF">      </span><span style="color: #B2CCD6">color</span><span style="color: #89DDFF">:</span><span style="color: #EEFFFF"> </span><span style="color: #89DDFF">#</span><span style="color: #EEFFFF">ffffff</span><span style="color: #89DDFF">;</span></span>
<span class="line"><span style="color: #EEFFFF">      </span><span style="color: #B2CCD6">background-color</span><span style="color: #89DDFF">:</span><span style="color: #EEFFFF"> {{ shop.email_accent_color </span><span style="color: #89DDFF">}</span><span style="color: #EEFFFF">};</span></span>
<span class="line"><span style="color: #EEFFFF">      </span><span style="color: #FFCB6B">font-size</span><span style="color: #EEFFFF">: 16px;</span></span>
<span class="line"><span style="color: #EEFFFF">      </span><span style="color: #FFCB6B">border-radius</span><span style="color: #EEFFFF">: 4px;</span></span>
<span class="line"><span style="color: #EEFFFF">      padding: 20px 50px;</span></span>
<span class="line"><span style="color: #EEFFFF">      border: none;</span></span>
<span class="line"><span style="color: #EEFFFF">      display: block;</span></span>
<span class="line"><span style="color: #EEFFFF">      width: 100%;</span></span>
<span class="line"><span style="color: #EEFFFF">      </span><span style="color: #FFCB6B">text-decoration</span><span style="color: #EEFFFF">: none;</span></span>
<span class="line"><span style="color: #EEFFFF">      </span><span style="color: #FFCB6B">cursor</span><span style="color: #EEFFFF">: pointer;</span></span>
<span class="line"><span style="color: #EEFFFF">    }</span></span>
<span class="line"><span style="color: #EEFFFF">  </</span><span style="color: #FFCB6B">style</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF"></</span><span style="color: #FFCB6B">head</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF"><</span><span style="color: #FFCB6B">body</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">  <</span><span style="color: #FFCB6B">a</span><span style="color: #EEFFFF"> href='</span><span style="color: #89DDFF">{</span><span style="color: #EEFFFF">{ order_status_url </span><span style="color: #89DDFF">}</span><span style="color: #EEFFFF">}' style="</span><span style="color: #FFCB6B">text-decoration</span><span style="color: #EEFFFF">:none"</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">    <</span><span style="color: #FFCB6B">button</span><span style="color: #EEFFFF"> type="button" name="Fileflare-button" target='_blank'</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">Download your files</</span><span style="color: #FFCB6B">button</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">  </</span><span style="color: #FFCB6B">a</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF"></</span><span style="color: #FFCB6B">body</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF"></</span><span style="color: #FFCB6B">html</span><span style="color: #89DDFF">></span></span>
```

1. Save.

Customize the button text by changing `Download your files` to whatever fits your voice.

## Method 3: list with all three access paths

Adds a numbered list explaining the three ways customers can get their downloads — login to account, check email, click the Order Status link. Most useful when customers ask “how do I get my files?” and you want to preempt every common path.

1. In Fileflare, enable both thank-you page downloads *and* customer-account downloads (Settings → Checkout settings).
2. Shopify admin → **Settings** → **Notifications** → **Order confirmation** → **Edit code**.
3. Paste the snippet below (recommended around line 152, but flexible):

HTML```
<textarea aria-hidden="true" class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1"><br><br><br>
<h2>Download your files</h2>
<p>You can download your files using these three methods:</p>
<ol>
  <li><a href="https://www.yourwebsite.com/account/login"><u>Click here to login</u></a> or <a href="https://www.yourwebsite.com/account/register"><u>create an account</u></a> using the same email that you used for the order. You can access your downloads inside the order page by clicking on the order number.</li>
  <li>An email with the download links will be sent to you alongside this confirmation email (check the spam folder if you didn't receive the email).</li>
  <li><a target='_blank' href='{{ order_status_url }}'><u>Click here</u></a> to view your downloads on the Order status "Thank you" page.</li>
</ol>
<br></textarea>
```

```
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">br</span><span style="color: #89DDFF">><</span><span style="color: #F07178">br</span><span style="color: #89DDFF">><</span><span style="color: #F07178">br</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">h2</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">Download your files</span><span style="color: #89DDFF"></</span><span style="color: #F07178">h2</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">p</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">You can download your files using these three methods:</span><span style="color: #89DDFF"></</span><span style="color: #F07178">p</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">ol</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">  </span><span style="color: #89DDFF"><</span><span style="color: #F07178">li</span><span style="color: #89DDFF">><</span><span style="color: #F07178">a</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">href</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">https://www.yourwebsite.com/account/login</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF">><</span><span style="color: #F07178">u</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">Click here to login</span><span style="color: #89DDFF"></</span><span style="color: #F07178">u</span><span style="color: #89DDFF">></</span><span style="color: #F07178">a</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF"> or </span><span style="color: #89DDFF"><</span><span style="color: #F07178">a</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">href</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">https://www.yourwebsite.com/account/register</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF">><</span><span style="color: #F07178">u</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">create an account</span><span style="color: #89DDFF"></</span><span style="color: #F07178">u</span><span style="color: #89DDFF">></</span><span style="color: #F07178">a</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF"> using the same email that you used for the order. You can access your downloads inside the order page by clicking on the order number.</span><span style="color: #89DDFF"></</span><span style="color: #F07178">li</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">  </span><span style="color: #89DDFF"><</span><span style="color: #F07178">li</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">An email with the download links will be sent to you alongside this confirmation email (check the spam folder if you didn't receive the email).</span><span style="color: #89DDFF"></</span><span style="color: #F07178">li</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #EEFFFF">  </span><span style="color: #89DDFF"><</span><span style="color: #F07178">li</span><span style="color: #89DDFF">><</span><span style="color: #F07178">a</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">target</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">'</span><span style="color: #C3E88D">_blank</span><span style="color: #89DDFF">'</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">href</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">'</span><span style="color: #C3E88D">{{ order_status_url }}</span><span style="color: #89DDFF">'</span><span style="color: #89DDFF">><</span><span style="color: #F07178">u</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF">Click here</span><span style="color: #89DDFF"></</span><span style="color: #F07178">u</span><span style="color: #89DDFF">></</span><span style="color: #F07178">a</span><span style="color: #89DDFF">></span><span style="color: #EEFFFF"> to view your downloads on the Order status "Thank you" page.</span><span style="color: #89DDFF"></</span><span style="color: #F07178">li</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF"></</span><span style="color: #F07178">ol</span><span style="color: #89DDFF">></span></span>
<span class="line"><span style="color: #89DDFF"><</span><span style="color: #F07178">br</span><span style="color: #89DDFF">></span></span>
```

1. **Replace the URLs in the snippet** with your store’s login and register URLs (find them by clicking the profile icon on your storefront).
2. Save.

## Mixed orders (digital + physical)

Whatever method you pick will appear in *every* Shopify order email — there’s no way to dynamically show/hide based on whether the order has digital products. If you sell mixed orders, write the button or copy generically (e.g., “View order summary & downloads”) so it makes sense for both.

## Often paired with: disable Fileflare’s email

Many stores combine this method with disabling Fileflare’s automated email so customers receive a single email per order. See [disable Fileflare’s emails](/docs/disable-download-emails/).

## Common issues

- **I can’t find the line to edit** — Shopify moves the template structure occasionally. Use Ctrl+F to search for distinctive strings (button text, “{{ order\_status\_url }}”).
- **Saved but the button text didn’t change in test orders** — Shopify may have cached the previous template version. Wait 5 minutes or place a new test order.
- **Customer clicks the button but the Order Status page is empty** — Fileflare app blocks aren’t installed on the Order Status page. See [thank-you page downloads](/docs/checkout-page-downloads/).
- **I broke the email template editing it** — that’s why the backup matters. Click **Revert to default** in the Shopify template editor to start over.

## Keep learning

- [Set up thank-you page downloads (required prerequisite)](/docs/checkout-page-downloads/)
- [Disable Fileflare’s email (often paired)](/docs/disable-download-emails/)
- [Customer account downloads](/docs/customer-account-downloads/)
- [Translate this email per country](/docs/how-to-translate-the-email-text-language-for-each-country-dynamically/)
