> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/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 Shopify's Order Success page

**Step 1**: In our app, select **_Frontend Download_** option :
![](https://storage.crisp.chat/users/helpdesk/website/818c00d80098f000/34dd3b84-5ea0-4cf0-aa94-14274f_1d5r2qt.png)

Then:

1. Edit Text button as you wish
2. Preview can be visible there on how linked text would look.
Click **_Copy_** to copy the code
![](https://storage.crisp.chat/users/helpdesk/website/3147bdac676ae200/fcc84d29-efcd-4354-a1c4-95f24a_40c68l.png)

**Step 2**: In Shopify Admin page, go to **_Settings_** -> Checkouts
![](https://storage.crisp.chat/users/helpdesk/website/4d92c0a3d7333400/b9c65f17-69a6-4b58-9aee-8ffb6b_w2bsku.png)

Scroll down and look for _**Additional Script**_ under _**Order status page**_ box, then paste the code from the previous step:
![](https://storage.crisp.chat/users/helpdesk/website/b8ed4a3ce77a9800/3e0f67f4-f7f6-4811-b83d-cf7846_1rgx3xn.png)

**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 }}](https://orders.appsfinal.com/api/pdf/ckytuia5905052drfl0yxj95d/invoice/{{%20order.id%20}})" 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>
```