> For the complete documentation index, see [llms.txt](https://developer.esw.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.esw.com/checkout-api/resources/checkout-ui-metadata.md).

# Checkout UI Metadata

Each element in the cart for a preorder can contain metadata. This data is an additional piece of information around a product or header data that you might like to display at some point in the checkout user interface. The following are the places where you can presently use the metadata on the interface:

### Product-Level Metadata <a href="#product-level-metadata" id="product-level-metadata"></a>

You can choose to display the product-level metadata at the checkout. These items will be displayed on the UI in form of a list.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-153524.png?version=1\&modificationDate=1723498508500\&cacheVersion=1\&api=v2)

### Product And Contact Info Metadata <a href="#product-and-contact-info-metadata" id="product-and-contact-info-metadata"></a>

You can choose to display the product and contact info metadata items. These will be used in data layer analytics events if configured.

### Gift Messages <a href="#gift-messages" id="gift-messages"></a>

The place where the shoppers can add a message for the recipient if they are placing an order as a gift for someone else to receive. You can choose to display gift messages at the checkout.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-153752.png?version=1\&modificationDate=1723498508213\&cacheVersion=1\&api=v2)

### Additional Messages <a href="#additional-messages" id="additional-messages"></a>

The place where the shoppers can add an additional message. You can choose to display additional messages at the checkout.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-153941.png?version=1\&modificationDate=1723498507935\&cacheVersion=1\&api=v2)

### Comparable Price <a href="#comparable-price" id="comparable-price"></a>

The place on the user interface where the final price can be compared with some other price. This other price is usually the original price of the item(s) and is generally used to represent the difference and discount offered to the shoppers between the cost price and selling price. You can choose to display comparable messages at the checkout.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-154318.png?version=1\&modificationDate=1723498507677\&cacheVersion=1\&api=v2)

### Cookie Banner Metadata <a href="#cookie-banner-metadata" id="cookie-banner-metadata"></a>

You can display a cookie banner at the checkout as a metadata item.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-154943.png?version=1\&modificationDate=1723498506809\&cacheVersion=1\&api=v2)

### Custom Kit + Combined Items <a href="#custom-kit--combined-items" id="custom-kit--combined-items"></a>

You can choose to display a list of the items in a custom kit that are combined with each other in an order and their short descriptions alongside them.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-154724.png?version=1\&modificationDate=1723498507113\&cacheVersion=1\&api=v2)

### Complete Registration URL <a href="#complete-registration-url" id="complete-registration-url"></a>

You can display a button that encourages and redirects your shoppers to register with you before completing the checkout process.<br>

![](https://know.esw.com/download/attachments/1234633759/image-20230307-154537.png?version=1\&modificationDate=1723498507419\&cacheVersion=1\&api=v2)

### PUDO Location Metadata <a href="#pudo-location-metadata" id="pudo-location-metadata"></a>

You can choose to display the pickup dropoff (PUDO) location metadata at the checkout.

&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://developer.esw.com/checkout-api/resources/checkout-ui-metadata.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
