> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.vify.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add Download Invoice button to Customer's Account page (Classic Customer Account)

> THIS ONLY WORKS WITH CLASSIC CUSTOMER ACCOUNT. FOR NEW CUSTOMER ACCOUNT, PLEASE REFER TO [THIS ARTICLE](https://help.vify.io/en/article/add-download-invoice-button-to-customer-account-page-new-customer-account-14wayun/).
This guideline gives information about how to manually add "Download" button to your Customer's Account page.
Since the code is added manually, you might need to remove them if you uninstall the app.

To use the Automatic option, please refer [HERE](https://help.vify.io/en/article/add-frontend-download-buttons-to-order-detail-page-1rzjwy6/).


![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_1muf2mp.png)

**FIRST OPTION: Adding the button to Order Detail page**

  

**Step 1**: In our app, select **Settings** => **Download Download** => **Edit** option on the sidebar: 


![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_1f979le.png)

Customize the button to your liking, then hit this Copy icon

![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_djk58g.png)

 
**Step 2**: In your Shopify admin page, click on ***Online Store*** *-> **Themes***, then ***Actions**** -> **Edit code***:

![](https://storage.crisp.chat/users/helpdesk/website/81e84f0fdcaf400/67f2c4e2-b696-4150-b744-a97842_5mrgmc.png)

**Step 3**: Look for ***customer/order.liquid*** in ***Templates*** (in some themes, it might be ***main-order.liquid***, then paste the previous code at the bottom, and click ***Save***:

  

![](https://storage.crisp.chat/users/helpdesk/website/3a7cdb4cc041ee00/e03f3cd7-b2a1-414f-8a44-1d458a_ljyuzs.png)

  

  

*Customers can now see the Download button(s) when they view orders from their Account page.*

  

  

**SECOND OPTION: Adding the button to Order list page**

  

You could also add the Download button on the order list page, like this:

![](https://storage.crisp.chat/users/helpdesk/website/b5002d7679bef000/6109ce93-956f-4fb2-a3bd-142060_1xvyk62.png)

  

Steps are as below:

  

**Step 1**: In our app, Go to **Download button** => **Edit** page, and copy the link as in the picture:

![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_v2c30s.png)

**Step 2**: In your Shopify admin page, click on ***Online Store*** *-> **Themes***, then ***Actions**** -> **Edit code*** like the first way, and find the ***customer/account.liquid*** file (in some themes, it might be ***main-account.liquid***:

![](https://storage.crisp.chat/users/helpdesk/website/5790668d41c31800/41c72de4-95e7-49aa-af23-32b88f_1rjw11p.png)

**Step 3**: Find the ***<thead>*** label, and add the previous code right after the last ***<th>*:** 

***<th><span class="table">Invoice</span></th>***

  

![](https://storage.crisp.chat/users/helpdesk/website/e56602492d8dd800/8497224d-4654-4b07-993a-bcad00_u5dwak.png)

  

  

**Step 4**: Find the ***<tbody>*** label (which should be right below ***<thead>***, and add the below code after the last ***<td>***: 

                    *<td>*

                      *<span class="invoice">*

                    _<a target="_blank" href="insert link here">Download</a>_

                      *</span>*

                  *</td>*

Replace the text *in sert link here* with the link copied from step 1.

![](https://storage.crisp.chat/users/helpdesk/website/7d6940a5b532f800/7d8e755b-dbc5-4866-921c-7553b4_1ezeksf.png)

  

Click ***Save*** and finish.