> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.upsell.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 pre-made Upsell.com widgets to your post purchase flows via Shopify's theme editor | Shopify

Upsell.com now allows you to add widgets directly from the Shopify checkout editor, making it faster and easier to customize the experience for your customers. With this integration, you can seamlessly add widgets like **product upsells**, **product recommendations,** **bundles and banners** without needing to navigate through the Upsell.com app or use the Upsell.com Flow Builder.

||| This page covers post-purchase flows only. If you are trying to add pre-purchase flows, please see our helpdesk article [here](https://help.upsell.com/en/article/how-to-add-pre-made-upsellcom-widgets-to-your-pre-purchase-flows-on-the-product-and-cart-pages-via-the-shopify-editor-beta-shopify-1eesfd5/)

This is a great way to get started using the familiar display of the Shopify theme editor and to see how the widgets will look natively on your page:- 

${youtube}[adding pre-made Upsell.com widgets via Shopify's theme editor](cPxB-1G6Edo)

### Steps to add Upsell.com widgets from within Shopify's theme editor

1. Access the Shopify Editor
    
2. Log in to your Shopify admin
    
3. Navigate to **Online Store > Themes** and click **Customize**

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

4. In the editor, switch to the **Checkout and customer accounts** section, which includes checkout (if applicable), order status, and thank you page options

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

5. Go to the **checkout** (if applicable), **thank you** or **order status** page section to which you wish to add upsell widgets

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1xnt1ta.png)
  
6. Click **Add app block** in the desired section
    
7. Scroll through and select the Upsell.com widget you would like to add, such as:
        
* **Product upsell**
* **Product recommendations**
* **Bundle**
* **Banner**
* **Custom slot**
   
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/addproductupselltothankyou-vee_hf3hd4.gif)

8. Position the widget as needed and click **Save** to apply your changes

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/addingmoving_10qw8tn.gif)

9. For more advanced settings and configurations, you can edit the widget in the Upsell.com app

### Well, that's a wrap!

If this article did not solve your issue, our support team is available for you 24/7. Just click the live chat button at the bottom-right corner of this page.

| 📢 Did you know we have a YouTube channel? Don't forget to [subscribe to the channel](https://www.youtube.com/channel/UCyhFu9538WtMSUcdFERO4JA) to keep in touch with us and our news and updates
| 🙏 If you find our app useful, help other merchants find it by [leaving us an honest review on the Shopify App Store](https://apps.shopify.com/reconvert-upsell-cross-sell#modal-show=ReviewListingModal)! It means the world to us
| 📧 Please let us know if you spot any typos, mistakes, or omissions via: care@upsell.com