# Redemption block

By default, Beans will automatically append a redeem block on the cart and/or checkout page, so that customers can easily redeem their points during their purchase.&#x20;

![](https://lh3.googleusercontent.com/bM6S8xg0Nt7Gbh8RM2E0HciwtHU8XLBXfpMWsqe5EtKKgV2Vj3-QLXxqgADB4pHqYzExrOo8EsZhdQuzVuk9mGHYFHKI-216YN17e9YQ9A4GdnGsH1vJeGVo27OzVO6_VA1lpM4hbqkEYbtoTb_cjqbPaCMPIIIVQICdAXYvZfvVu6hfMpJqzeezaw)

### **Custom theme**

While Beans supports most themes out of the box, there are some instances where Beans JS will fail to locate the right placement for the redemption block. In those cases, the developer should help Beans scripts find out where the redemption button should be displayed.

Add the following HTML code wherever you want the redemption redemption button to be displayed. Add this tag in your cart page HTML body:

```
<div class="beans-cart"></div>
```

Tips: You can also manually add the redemption block container if you would like to change the redeem block position.

### **Overlay cart popup**

Since most overlay cart popups are dynamic, it is hard for Beans to know where and when to display the redemption button. In those cases, there is no easy solution. If you can redirect customers to the cart page, we encourage you to do so, especially on platforms like Shopify where the redemption option cannot be displayed at Checkout. Alternatively, you can also make use of our Widget that will let customers redeem from any page on your online store.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.trybeans.com/liana/display/redemption-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
