> For the complete documentation index, see [llms.txt](https://developers.discountninja.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developers.discountninja.io/discount-ninja-developer-hub/theme-edits/app-blocks/promo-code-field.md).

# Promo Code Field

## How to enable the Promo Code Field as an App block <a href="#h_3a79c10dfd" id="h_3a79c10dfd"></a>

1. Open the Online Store section in the Shopify admin and click Themes:

   <div align="left"><figure><img src="/files/zcHUGUu7SVxcxLO4oxza" alt=""><figcaption></figcaption></figure></div>
2. Find the theme you want to customize and click the Customize button for that theme:

   <figure><img src="/files/0bMzhEKHTfMgi3klOWzp" alt=""><figcaption></figcaption></figure>
3. The theme editor opens. In the dropdown at the top, select the Cart item:\
   ![](/files/tBNWQ5AQ7h5lBIZEZwHc)
4. The editor for the cart page opens. If the cart is empty, add a product to the cart. Find the location where you would want the cart summary to appear. Usually, this is below the Subtitle price block in the Subtotal section. Locate this block in the sidebar on the left. Click the Add block button at the bottom of this section:

   <div align="left"><figure><img src="/files/yXsPU15GxqUlRMcVA3yX" alt=""><figcaption></figcaption></figure></div>
5. A block selector opens. Select the Apps tab. Find the Promotion code field App block and select it.
6. Change the location where the promotion code field is rendered by dragging the block up or down in the list using the handle on the left:

   <div align="left"><figure><img src="/files/abXRSio0hip8y8W8iwrW" alt=""><figcaption></figcaption></figure></div>
7. IMPORTANT - in the theme editor the app displays a placeholder. This placeholder is not displayed on your live shop. To configure when a product page banner should be displayed and to edit the text or style, you need to edit the building blocks of the offers configured in Discount Ninja.
8. If you want to hide the block, use the eye icon to toggle visibility. Use the dustbin icon to remove the block:\
   ![](/files/7Rart3Idey6TCu3LdalB)

## Changing the text and style of the section <a href="#h_7e4616e51a" id="h_7e4616e51a"></a>

To configure the content, text and style of the cart promotion code field, you need to edit the building blocks in Discount Ninja. This can be done from the settings of the app in the menu Settings > Building blocks > Cart promotion code field


---

# 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://developers.discountninja.io/discount-ninja-developer-hub/theme-edits/app-blocks/promo-code-field.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.