Product

“Product” widgets show information about products on the Beru marketplace. These widgets are good for pages that are viewed by users who are already interested in making a purchase. For example, you can add them to an overview of a particular smartphone or a comparison of two washing machines.

In all examples, products are found using a search query.

  1. Detailed
  2. Compact

Detailed

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: "beruWidget1",
	 type: "beruOffers",
	 params: {
          clid: 2331511,
          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="beruWidget1"></div>
Copied to clipboard
Widget size (in pixels)
Width At least 240
Height

At least 568 (for computers)

At least 418 (for mobile devices)

Compact

With a product image and name

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: "beruWidget2",
	 type: "beruOffers",
	 params: {
          clid: 2331511,
          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="beruWidget2"></div>
Copied to clipboard

With no product image and name
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: "beruWidget3",
	 type: "beruOffers",
	 params: {
          clid: 2331511,
          themeShowImage: false,
          themeShowProductName: false,
          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="beruWidget3"></div>
Copied to clipboard
Widget size (in pixels)
Width At least 210
Height Always 36