# Widgets

## Guiding principles

To ensure our widgets are developed using best practices and meet your requirements, the following guiding principles were observed:

* [Accessibility](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/guiding-principles/accessibility)
* [Localization](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/guiding-principles/localization)
* [Integration](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/guiding-principles/integration)
* [Style](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/guiding-principles/style)

## Catalog

### Site-wide

The following widgets are available on all page types:

* [Announcement Bar](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/announcement-bar)
* [Notification](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/notification)
* [Offer Rules Popup](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/offer-rules-popup)

### Product page (PDP)

* [Product Banner](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/product-banner)

### Collections (PLP)

{% hint style="info" %}
Collections can be found on collection pages, the catalog, the home page, search result and on product pages (related products...)
{% endhint %}

* [Promotional Badge](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/promotional-badge)

### Cart

* [Promotion Code Field](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/promotion-code-field)
* [Promotion Summary](https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/promotion-summary)