logo

How to Add Download Links/Button to the Shopify Order Confirmation Email

Please note: Please save a backup of your Order Confirmation code in case you make a mistake.

It’s not possible to input the download links directly into the Shopify confirmation email because this is created by Shopify and not our app. There is a great method to get around this that allows your customers to access their links via this confirmation email.

The best method is to tell your customers to create an account or log in to an existing account and then access their download links via their account order page.

What do I need?

  • A Shopify store
  • The Fileflare app installed on your Shopify store
    • Method 1, 2 or 3 – Thank you (Order Status) page downloads (Basic plan. Already installed? Upgrade here)
    • Method 3 – If you want customer account downloads (Premium plan. Already installed? Upgrade here)

This is because Shopify does not give the ability to add the download links directly in the email template, but you can place a button that links outbound to the Order status page or customer accounts.

How does this work?

We have three methods for adding download links to the Shopify Order Confirmation email template.

Original

Normal Shopify email

normal

Method 1

Renaming the current button

order confirmation email

Method 2

Big button version

button

Method 3

List version

list

These apply to all your Shopify emails

These methods will be visible in every email that Shopify sends. There is no way to dynamically show/hide these options if you want to show for digital product orders and hide for physical product orders.

If you are selling physical products, we would suggest changing the text to make it applicable for both physical and digital. For example, change the button text to “View order summary & downloads” or similar.

Why is this good to do?

Many stores use this tutorial to avoid sending two emails to the customer. Shopify sends a compulsory order confirmation email with every order, and Fileflare sends a download email in addition to that (which you can disable if you want). If you only want a single email to be sent with an order, then this method works well.

You will need to disable the Fileflare email from sending if you don’t want to send that as a second email. Learn how to disable Fileflare email delivery here and only send downloads in the Shopify Order Confirmation email.

Method 1 – Renaming the current button

Adding a button that links to the Thank you (Order status) page that includes the download links.

Example

Click to enlarge.

button change

What do I need?

For this version, you will need:

How to set up

  1. First, you will need the Basic plan or higher (already installed? Upgrade here) for this method. Make sure you are on the right plan.
  2. Second, you will need to enable the Thank you (Order status) page links
    • Go to the Fileflare app > Settings
    • Click on “Checkout settings
    • Enable the option “Display download links on checkout page
checkout page
  1. Go to your Shopify admin dashboard
  2. Click on Settings
  3. Go to “Notifications
  4. Click on “Order confirmation
notification settings
  1. Click the “Edit code” button
edit code
  1. Now, you will need to search for the button code to adjust the text. We will adjust the text on the button. That’s all that is needed for this method.

    If you have the button in English, simply search for “View your order” by typing Control + F or Command + F on your keyboard. It’s located on line 162 at the time of writing this, as shown below.
view your order button code
  1. Now change the text to something that applies to you. In this example, I will use “Download your files & view your order“.
view your order button code changed
  1. Click “Save”

That is all you need to do for this method. It simply changes the text of the button that is already there. The downloads will show on the same page as where the order details are.

Method 2 – Big button version

Adding a button that links to the Thank you (Order status) page that includes the download links.

Example

Click to enlarge.

button

What do I need?

For this version, you will need:

How to set up

  1. First, you will need the Basic plan or higher (already installed? Upgrade here) for this method. Make sure you are on the right plan.
  2. Second, you will need to enable the Thank you page links
    • Go to the Fileflare app > Settings
    • Click on “Checkout settings
    • Enable the option “Display download links on checkout page
checkout page
  1. Go to your Shopify admin dashboard
  2. Click on Settings
  3. Go to “Notifications
  4. Click on “Order confirmation
notification settings
  1. Click the “Edit code” button
edit code
  1. Copy the below code from the grey box
<p></p>
<html>
<head>
	<title>Fileflare-Button</title>
	<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>
  1. Paste the code in the email template editor. When writing this tutorial, placing it on line 152 is best, but you can place it anywhere you choose. Shopify tends to update this template often.
add button
  1. Click “Save”

You can change the button text by customising “Download your files” in the code.

Method 3 – List version

This method will add a numbered list to the email that will allow your customers to know they receive downloads in multiple ways.

Example

list

What do I need?

For this version, you will need:

How to set up

  1. You will need to enable the download links. Go to the Fileflare app > Settings
  2. Click on “Checkout settings
  3. Enable the option “Display download links on checkout page
  4. Enable the option “Display download links on the customer accounts order page
checkout page
customer account

Step 2 – Go to the order confirmation editor

  1. Go to the Shopify Settings
  2. Go to “Notifications
  3. Click “Order confirmation
notification settings
  1. Click the “Edit code” button
edit code

Step 2 – Place the code

  1. Copy this below code:
<br><br><br>
<h2>Download your files</h2>
<p>You can download your files using these three methods:</p>
<ol>
   <li><p><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.</p></li>
  <li><p>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).</p></li>
  <li><p><a target='_blank' href='{{ order_status_url }}'><u>Click here</u></a> to view your downloads on the Order status “Thank you” page.</p></li>
</ol>
<br>
  1. Paste the code in the Order Confirmation email editor as shown below. We recommend adding it to line 152 (or wherever you choose).
list version

Make sure that you change the URLs inside the text to your store’s login and register URLs. You can find them easily by going onto your website and clicking the profile icon in the header.

Feel free to adjust and change this text to suit your store. This is just a rough template for you.

The final email will look like this

The final template will look like this adjusted version. You can, of course, customise it to suit you best, but we have given you a guideline on the text you can use.

Normal email

normal

Adjusted email

list