> ## 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 Shopify's Order Success page

This guideline gives information about how to add "Download" button to Shopify's Order Success page which your customer sees after placing an order.

**Step 1**: In our app, select **Settings **=> **Download button** option on the sidebar, and hit Edit to customize the button:

![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_cgg2bb.png)
  
Customize the button to your liking, then hit the Copy icon

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

**Step 2**: In Shopify Admin page, go to **_Settings_** -> _**Checkout**_

![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_evs6o4.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/303ac0df64f28400/image_vd0eem.png)
  
**Step 3**: Replace the first line,

**_from:_**

_<div style="margin-top: 10px; display: flex; justify-content: center; flex-direction: row">_

**_to:_**

_<div style="margin-top: 10px; display: flex; justify-content: center; flex-direction: row;position: absolute;bottom: 0;left: 0;">_

then replace **{{ order.id }}** with **{{ order_id }}**
and add this line of code at the bottom:

_<style type="text/css">_

    _.step {_

        _position: relative;_

        _padding-bottom: 60px;_

    _}_

_</style>_

It should look like this:

![](https://storage.crisp.chat/users/helpdesk/website/303ac0df64f28400/image_1twj06k.png)
  
**Step 4**: Click **_Save_** and check on Front-end:
![](https://storage.crisp.chat/users/helpdesk/website/9c032f2621530000/c0c72623-102b-48bc-98c9-3108d7_uvifjx.png)