> 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

{% 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.
