Add Download Invoice button to Customer's Account page

This guideline gives information about how to add "Download" button to your Customer's Account page.

FIRST WAY:

Step 1: In our app, select __Settings**_ => **Frontend Download**_** option on the sidebar: 



Then:

Select option for **Order**
Edit everything as you wish
Preview the buttons
Scroll down and click _Copy_ to copy the code



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



Step 3: Look for **customer/order.liquid** in **Templates**, then paste the previous code at the bottom, and click **Save**:



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

SECOND WAY:

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



Steps are as below:

Step 1: In our app, Go to **Frontend Download** page, and copy the link as in the picture:



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:



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

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



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.



Click _Save_ and finish.

Updated on: 31/08/2023