How to add Download button to Shopify’s confirmation emails?

This guideline will help you learn more about how to add the Download button to Shopify’s confirmation emails.

Step 1. Set up and modify the Download button

Firstly, you need to access the Settings page on the sidebar. Then select Frontend download.



After that, you select Order or Draft order to continue modifying the button.



Modify the buttons as you wish, then click Copy code to copy the code.

Step 2. Add the code to the default forms

First of all, on your Shopify Admin page, go to Settings on the sidebar.



Then click Notifications.

Case 1: If you want to add a “Download invoice” button

After accessing the Notification page, select Customer notifications, then select Order confirmation







Next, click Edit code and paste the code from Step 1 onto Email Body (HTML), normally right above </body> tag at the bottom. Remember to Save all the modifications.





You can click Preview to check the templates.



This is how the Download invoice button will be displayed after those actions.



You can send a test email directly to your email address to see what your customers will receive.

Case 2: If you want to add a “Download draft order” button

After accessing the Notification page, select Customer notifications, then select Draft order invoice.





Then you can follow exactly all actions similar to the way you added the Download invoice button above.
Firstly, click Edit code



Paste the code from Step 1 onto Email Body (HTML) anywhere you want, normally right above </body> tag at the bottom.



Click Save to finish all modifications, and preview to see what it really looks like.

Updated on: 11/04/2024