> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.tevello.com/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).

# How To Add the Tevello App Block To The New Thank You & Order Status pages

${youtube}[How To Add the Tevello App Block To The New Thank You & Order Status pages](bOeAGkU8mlM)

#### Purpose:
To guide users on how to add the Tevello app block to the Thank You and Order Status pages in Shopify, enhancing post-purchase communication.

#### Steps:

1. **Access Checkout Settings:** In your Shopify admin, click on **Settings** located at the bottom left corner.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/settings-1_1bd6rmk.png)

2. Navigate to **Checkout**.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/02-check-out_5doqzd.png)

3. **Open Checkout Editor:** Click on **Customize**. This will open the new checkout editor interface.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/03-customize_opkfp8.png)

4. **Navigate to Thank You Page:** Change the view to the **Thank You** page using the page selector.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/thank-you-1_1uckklq.png)

5. **Add Tel App Block:** On the left panel, click on the **section icon** and scroll to the bottom.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/05-section_1cbooue.png)

 
6. Click on **Add App Block**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/04-add-app-block_mho98k.png)

7. select **Tevello** from the list of available apps.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/06-tevello_gth2y4.png)

8. **Customize Banner Status:** You can customize the banner status by selecting options like 'Info', 'Success', 'Warning', or 'Critical'. For this guide, choose **Success**.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/success_pxu3hi.png)

| Repeat for Order Status Page:** Navigate to the **Order Status** page by selecting it from the page view options. Similarly, click on **Add App Block** select **Tevello**, and set the desired banner status.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/order_1uquv69.png)

8. **Save Changes:** After setting up the Tel app blocks on both the Thank You and Order Status pages, click **Save** to apply the changes.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/save-1_1r9o960.png)