Инструкция по интеграции с веб-сайтом

Прежде чем начать, во избежание блокировок, ознакомьтесь с нашими правилами по интеграциям.
Забегая вперед, в итоге у Вас должно получиться вот так.
Пожалуйста, не вносите изменения в код из примеров заранее, сначала убедитесь что он работает на Вашем сайте.

1. Убедитесь что Вам известен токен аккаунта. Если это не так, обратитесь за ним к владельцу аккаунта.


2. Добавьте перед закрывающимся тегом </body> файл клиентской части:
<script src="https://avtosliv.ru/assets/iframe/main.js"></script>

Вот пример как должно получиться:
<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <script src="https://avtosliv.ru/assets/iframe/main.js"></script>
  </body>
</html>

3. Создайте элемент внутри <body></body>, который будет открывать окно сервиса, например:
<button type="button" id="avtosliv_osago">Купить электронное ОСАГО</button>

4. Перед закрывающимся тегом </body> разместите функцию avtosliv как на примере ниже.

<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <button type="button" id="avtosliv_osago">Купить электронное ОСАГО</button>
    <!-- Содержимое страницы -->
    <script src="https://avtosliv.ru/assets/iframe/main.js"></script>
    <script>
      avtosliv_osago.onclick = function(){
        avtosliv({
          token: 'Ваш_токен',
          service: 'osago',
          color: 'blue',
        });
      };
    </script>
  </body>
</html>


На данный момент кнопка "Купить электронное ОСАГО" уже должна открывать наш сервис (Вот так).

Параметры функции:
(string) token — токен, длинной в 32 символа.
(string) service = 'osago' — сервис, который будет открыт ( osago / kbm / history ).
(string) color = 'blue' — цвет кнопок на странице ( blue / red / green / pink / orange / black ).

Вы можете добавить сразу несколько сервисов изменяя параметры функции, например так:
<html>
  <head>
    <title>Заголовок страницы</title>
    <!-- Различные теги -->
  </head>
  <body>
    <!-- Содержимое страницы -->
    <button type="button" id="avtosliv_osago">Купить электронное ОСАГО</button>
    <button type="button" id="avtosliv_kbm">Восстановить скидку по ОСАГО</button>
    <button type="button" id="avtosliv_history">Проверить историю автомобиля</button>
    <!-- Содержимое страницы -->
    <script src="https://avtosliv.ru/assets/iframe/main.js"></script>
    <script>
      let avtoslivToken = 'Ваш_токен',
          avtoslivColor = 'blue';

      avtosliv_osago.onclick = function(){
        avtosliv({
          token: avtoslivToken,
          color: avtoslivColor,
          service: 'osago',
        });
      };
      avtosliv_kbm.onclick = function(){
        avtosliv({
          token: avtoslivToken,
          color: avtoslivColor,
          service: 'kbm',
        });
      };
      avtosliv_history.onclick = function(){
        avtosliv({
          token: avtoslivToken,
          color: avtoslivColor,
          service: 'history',
        });
      };
    </script>
  </body>
</html>


Если Вы испытываете трудности в интеграции, обращайтесь за помощью: support@avtosliv.ru
Пожалуйста, попытайтесь объяснить проблему как можно подробнее.
В письме Вы можете оставить свои контакты в Telegram или ВКонтакте для более быстрого обмена информацией.
Обычно мы отвечаем на сообщения с 8:00 до 23:00 по московскому времени.


Список самых популярных проблем:
  1. Ничего не работает: Все должно быть выполнено в том же порядке как описано документацией.
  2. Кнопка открытия сервиса не работает: Проверьте совпадает ли атрибут 'id' кнопки с шагом 4 (onclick).
  3. Сервис отображается иначе: Проверьте стили CSS, возможно одно из Ваших правил перекрывает наше.
  4. Появляется какое-то окно: Закройте его и нажмите F12, посмотрите ошибку во вкладке 'Console'.
  5. Вкладка 'Console' пуста: Воспроизведите ошибку и не перезаружая страницу откройте ее снова.
  6. Этот список мне не помог: Смело пишите нам на E-Mail (support@avtosliv.ru), мы точно поможем.