> 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/storefront-api/widgets/product-banner.md).

# Product Banner

The product banner is displayed on the product page and adds an optional message used to highlight the offer, explain its rules and increase the chance the user adds the product to the cart.

{% hint style="success" %}
This widget is currently available for V6 Beta customers only
{% endhint %}

## Registration

#### App Embed

This widget is included in the "**Discount Ninja**" App Embed.

#### Placeholder

A placeholder for the banner must be added to the template(s) of the product page(s) where the banner should be displayed. This can be achieved in one of the following ways:

* `OS 2.0` Using Shopify's theme editor, add the "**Discount Ninja Product Banner**" App Block to the section on the product page template(s) where you want banners to be displayed
* If your theme does not support App Blocks on the product page template, add the following snippet to your product page instead:

```html
<la-dn-product-banner-placeholder product-handle="{{ product.handle }}">
</la-dn-product-banner-placeholder>
```

{% hint style="info" %}
Note: the variable "`product`" in "`product.handle`" may be different in your theme.
{% endhint %}

## Style

Check out [this article](#style) to learn more about how the style of this widget can be changed.