downloadable digital assets shopify digital product delivery app logo

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

order confirmation shopify email

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 DDA app
    • Thank you (Order Status) page downloads (Basic plan)
    • If you want customer account downloads (Premium plan)

You will need to use either the Thank you (Order Status) page downloads feature for Method 1, or the customer account downloads feature for Method 2 to make this tutorial work.

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 outwards to the Thank you page or accounts.

How does this work?

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

Original

Normal Shopify email

normal

Method 1

Button version

button

Method 2

List version

list

Why use this method?

Many stores use this method to avoid sending two emails to the customer. Shopify sends a compulsory order confirmation email with every order. If you only want a single email to be sent with an order, then this method works well.

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

Method 1 – 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:

  • The Basic plan or higher for the Order status download links

How to set up

  1. First, you will need the Basic plan or higher 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 DDA 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>DDA-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 }}'> <button type="button" name="DDA-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 2 – 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:

  • The Basic plan or higher for the Order status download links
  • The Premium plan for the customer account download links

How to set up

  1. You will need to enable the download links. Go to the DDA 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

Read more