Articles on: Vify Order Printer Pro: PDF Invoice app

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: 30/01/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!