DEMO - Документация по интеграции

Виджет в модальном окне

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <button id="avtosliv_osago">Электронное ОСАГО</button>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script> // Обязательно после main.js
      avtosliv({
        token: 'Ваш_токен',
        modal: true, // Если true, откроется в модальном окне при нажатии на 'el', иначе внутри 'el'
        el: document.getElementById('avtosliv_osago'), // Кнопка действия
        service: 'osago', // 'menu' / 'osago' / 'kbm' / 'history' / 'credit' / 'sale' / 'reequip'
      });
    </script>
  </body>
</html>

Виджет меню в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_menu_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_menu_box'),
        service: 'menu',
      });
    </script>
  </body>
</html>

Виджет ОСАГО в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_osago_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_osago_box'),
        service: 'osago',
      });
    </script>
  </body>
</html>

Виджет КБМ в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_kbm_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_kbm_box'),
        service: 'kbm',
      });
    </script>
  </body>
</html>

Виджет истории в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_history_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_history_box'),
        service: 'history',
      });
    </script>
  </body>
</html>

Виджет займов в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_credit_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_credit_box'),
        service: 'credit',
      });
    </script>
  </body>
</html>

Виджет объявлений в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_sale_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_sale_box'),
        service: 'sale',
      });
    </script>
  </body>
</html>

Виджет переоборудования в блоке

Перейти к документации

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <div id="avtosliv_reequip_box"></div>
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <script>
      avtosliv({
        token: 'Ваш_токен',
        modal: false,
        el: document.getElementById('avtosliv_reequip_box'),
        service: 'reequip',
      });
    </script>
  </body>
</html>