> 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.md).

# Widgets

## Guiding principles

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

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

## Catalog

### Site-wide

The following widgets are available on all page types:

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

### Product page (PDP)

* [Product Banner](/discount-ninja-developer-hub/storefront-api/widgets/product-banner.md)

### 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](/discount-ninja-developer-hub/storefront-api/widgets/promotional-badge.md)

### Cart

* [Promotion Code Field](/discount-ninja-developer-hub/storefront-api/widgets/promotion-code-field.md)
* [Promotion Summary](/discount-ninja-developer-hub/storefront-api/widgets/promotion-summary.md)