How to add Download button to Shopify’s confirmation emails? (front-end download)
This guideline will help you learn more about how to add the Download button to Shopify’s confirmation emails.
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.
First of all, on your Shopify Admin page, go to Settings on the sidebar.
Then click Notifications.
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.
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.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
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.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Updated on: 26/09/2024
Thank you!