Перейти к основному содержимому

Установка

Установка виджета на ваш сайт

Инициализация​

Инициализируйте виджет в теге <body /> или <head /> вставив следущий код:

<!-- Mloyalty Widget -->
<script>
  const options = {
    code: "*",
    metadata: {
      client_mloyalty: 2,
    },
  };

  (function (w, i, d, g, e, t) {
    t = i.createElement(d);
    t.async = 1;
    t.src = g;
    t.onload = function () {
      if (document.readyState !== "loading") {
        MloyaltyWidget.init(e);
      } else {
        document.addEventListener("DOMContentLoaded", function () {
          MloyaltyWidget.init(e);
        });
      }
    };
    i.head.insertBefore(t, i.head.firstElementChild);
  })(
    window,
    document,
    "script",
    "https://s3.timeweb.com/mloyalty/widget/0.6.0/mloyalty-widget.bundle.min.js",
    options
  );
</script>
<!-- Mloyalty Widget end -->

Запуск​

Первый способ​

Для запуска виджета повесьте эти data-* атрибуты на элемент, при клике на который будет открыт виджет:

  • data-mloyalty-side-panel-trigger: mloyalty-side-panel-widget
  • data-mloyalty-code: уникальный код виджета

Пример:

<button
  data-mloyalty-side-panel-trigger="mloyalty-side-panel-widget"
  data-mloyalty-code="ML-LK-SITE"
>
  Открыть
</button>

Второй способ​

Для запуска виджета вызовите:

MloyaltyWidget.open("уникальный код виджета");
подсказка

Вы можете протестировать наш виджет на StackBlitz