Step 1: In our app, select Frontend Download option on the sidebar:



Then:

  1. Edit Text button as you wish
  2. Preview can be visible there on how linked text would look.
  3. Click Copy to copy the code

Step 2: In Shopify Admin page, go to Settings -> Checkout & accounts



Scroll down and look for Additional Script under Order status page box, then paste the code from the previous step:




Step 3: Click Save and check on Front-end.


To add as "Button", paste the following snippet(change the highlighted text). Make changes accordingly if you are familiar with HTML

<div style="margin-top: 10px; display: flex; justify-content: center; flex-direction: row"><a href="https://orders.appsfinal.com/api/pdf/123/invoice/{{ order.id }}" style="background-color: #1A7BFF; border-color: #1A7BFF; color: #fff; display:flex;padding:10px 15px;margin-bottom:0;font-size:14px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px; margin-right: 10px; margin-top: 4px; align-self: center" target="_blank"> Download PDF version</a>