Where to buy a product

In all examples, products are found using a search query. Widgets show where to buy a product: store offers from the product card. If there is no card, search results are loaded.

  1. A list of offers with product descriptions.
  2. A list of offers without product descriptions
  3. A compact list of offers without product descriptions
  4. A detailed list of offers
  5. A carousel with a product description
  6. A carousel without product descriptions
  7. No product card is found

A list of offers with product descriptions.

The width of a widget with the same code automatically adapts to the selected area. Minimum width: 240 pixels.

Widget in a wide area
Widget in a narrow area (for example, on mobile devices)
Widget code

Code to be embedded in the head element:

<script async src="https://aflt.market.yandex.ru/widget/script/api" type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget1",
        type: "offers",
        params: {
          clid: 2310490,
         searchText: "Яндекс.Станция",
          themeId: 2
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="marketWidget1"></div>
Copied to clipboard

A list of offers without product descriptions

The width of a widget with the same code automatically adapts to the selected area. Minimum width: 240 pixels.

Widget in a wide area
Widget in a narrow area (for example, on mobile devices)
Widget code

Code to be embedded in the head element:

<script async src="https://aflt.market.yandex.ru/widget/script/api" type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget2",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс.Станция",
          themeId: 4
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="marketWidget2"></div>
Copied to clipboard

A compact list of offers without product descriptions

The width of a widget with the same code automatically adapts to the selected area. Minimum width: 240 pixels.

Widget in a wide area
Widget in a narrow area (for example, on mobile devices)
Widget code

Code to be embedded in the head element:

<script async src="https://aflt.market.yandex.ru/widget/script/api" type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget3",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс.Станция",
          themeId: 9
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="marketWidget3"></div>
Copied to clipboard

A detailed list of offers

The width of a widget with the same code automatically adapts to the selected area. Minimum width: 240 pixels.

Widget in a wide area
Widget in a narrow area (for example, on mobile devices)
Widget code

Code to be embedded in the head element:

<script async src="https://aflt.market.yandex.ru/widget/script/api" type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget6",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс.Станция",
          themeId: 10
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="marketWidget6"></div>
Copied to clipboard

A carousel with a product description

The width of a widget with the same code automatically adapts to the selected area. Minimum width: 240 pixels.

Widget code

Code to be embedded in the head element:

<script async src="https://aflt.market.yandex.ru/widget/script/api" type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget4",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс.Станция",
          themeId: 1
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="marketWidget4"></div>
Copied to clipboard

A carousel without product descriptions

The width of a widget with the same code automatically adapts to the selected area. Minimum width: 240 pixels.

Widget code

Code to be embedded in the head element:

<script async src="https://aflt.market.yandex.ru/widget/script/api" type="text/javascript"></script>
<script type="text/javascript">
  (function (w) {
    function start() {
      w.removeEventListener("YaMarketAffiliateLoad", start);
      w.YaMarketAffiliate.createWidget({
        containerId: "marketWidget5",
        type: "offers",
        params: {
          clid: 2310490,
          searchText: "Яндекс.Станция",
          themeId: 3
        }
      });
    }
    w.YaMarketAffiliate
      ? start()
      : w.addEventListener("YaMarketAffiliateLoad", start);
  })(window);
</script>
Copied to clipboard

Code to be embedded in the body element:

<div id="marketWidget5"></div>
Copied to clipboard

No product card is found

If no product card is found, the widget is replaced with Collection of products. For more information, see Replacing the Yandex.Market "Where to buy a product" widget with the "Collection of products" widget.