> ## 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 use the success & error banner block on Upsell.com | App Blocks | Shopify


|| 💡 Note: The success & error banner block may look slightly different depending on the widget and page type you are using. Additionally, this block is not available on post-purchase pages -Shopify has its own built-in success/error messaging, making it unnecessary.

${youtube}[success & error banner block | Shopify](rThEKghEXBw)

1. Follow the GIF to locate the **success & error banner** block in the Upsell.com editor. If you don’t see it in your widget, click **"add block"** to check if it’s available

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

2. The **Success / Error banner** actions panel will open on the right-hand side

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

3. You can choose whether to **display or hide** the banner when:

* A product is **successfully added** to the cart
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/togglesuccessbutton_1dbxm2v.gif)
* There is an **error** when adding or removing a product
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/errorbannertoggle_1hzqfwc.gif)

4. The success banner confirms that an item was **successfully added** to the cart. You can customize it by:

* Changing the **default message** ("Item successfully added to the cart")
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/successtext_g3j644.gif)
* Selecting a **banner type**:
     
    * **Success** (recommended) 
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1usw7cg.png)
    * **Info**
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1ndbqkp.png)
    * **Warning**
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_3u38tv.png)
    * **Critical**
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_6x5w9y.png)

* Making the success banner **dismissible**, allowing customers to close it by clicking an "X"

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/dismissiblesuccess_1bsk2yb.gif)
* Clicking **"Preview success banner"** to generate a popup showing what the customer will see when the banner is triggered

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

5. The error banner appears if there is an issue **adding or removing an item**. You can customize it by:

* Selecting a **banner type**:
* **Info**
* **Success**
* **Warning**
* **Critical** (recommended for error messages)  
 
* Keeping the **dynamic error message enabled** (recommended) to display specific error details in English

| 📌 **Tip box**
| => If most of your customers **are not English speakers**, you may prefer to enter a **custom error message** in their language
| => Note: Custom error messages will not be dynamic
| Example: Instead of an auto-generated message, you could write in your customers' language a generalized error message:
| => "We have encountered an error. Please contact help@ourstore.com to process your order manually."

* Making the error banner **dismissible**, allowing customers to close the message

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/dismissibleerrorbanner_1b78382.gif)
* Clicking **"Preview error banner"** to generate a popup showing what the customer will see when the error banner is triggered
   ![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/errorbannergif_1iszr01.gif)

6. Once you've made your customizations, click **save** at the top-right corner to apply your updates

7. To learn more about a specific block within a widget, you can:

* Navigate using the **sidebar** on the left-hand side of the page
* Click **learn more** in the action section for additional help desk articles and videos

### 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