Документация по интеграции виджета

Виджет AVTOSLIV позволяет клиентам Вашего сайта получить услуги:
  • Электронное ОСАГО
  • Восстановление КБМ
  • История автомобиля
  • Займ под залог ПТС
  • Быстрая продажа авто
  • Переоборудование ТС

Пошаговая инструкция

  1. Ознакомьтесь с рабочими примерами интеграций на нашей тестовой странице
  2. Зарегистрируйте аккаунт агента и добавьте сайт в личном кабинете обратитесь в службу поддержки сообщив действующий домен своего сайта.
    Вашему сайту (домену) будет выдан токен состоящий из 64 символов, с привязкой к агентскому аккаунту.
  3. (Необязательно)Вставьте токен состоящий из 64 символов в поле чтобы заменить его в этой документации.
  4. Добавьте на своём сайте перед закрывающимся тегом </body> файл клиентской части:
    <script src="https://avtosliv.ru/assets/widget/main.js"></script>
    <html>
    <head>
      <title>Заголовок страницы</title>
      <!-- Различные теги -->
    </head>
    <body>
      <!-- Содержимое страницы -->
      <script src="https://avtosliv.ru/assets/widget/main.js"></script> <!-- На этом шаге -->
    </body>
    </html>
  5. Создайте элемент внутри <body></body>, который будет открывать виджет, например:
    <button id="avtosliv_osago">Купить электронное ОСАГО</button>
    <html>
    <head>
      <title>Заголовок страницы</title>
      <!-- Различные теги -->
    </head>
    <body>
      <!-- Содержимое страницы -->
      <button type="button" id="avtosliv_osago">Купить электронное ОСАГО</button> <!-- На этом шаге -->
      <script src="https://avtosliv.ru/assets/widget/main.js"></script> <!-- Шаг 4 -->
    </body>
    </html>
  6. После подключение файла <script src="https://avtosliv.ru/assets/widget/main.js"></script> разместите функцию avtosliv().
    Описание параметров этой функции находится после примера.
    <html>
    <head>
      <title>Заголовок страницы</title>
      <!-- Различные теги -->
    </head>
    <body>
      <!-- Содержимое страницы -->
      <button type="button" id="avtosliv_osago">Купить электронное ОСАГО</button> <!-- Шаг 5 -->
      <script src="https://avtosliv.ru/assets/widget/main.js"></script> <!-- Шаг 4 -->
      <script> <!-- На этом шаге | Начало -->
        avtosliv({
          token: 'Ваш_токен',
          modal: true,
          el: document.getElementById('avtosliv_osago'),
          service: 'osago',
        });
      </script> <!-- На этом шаге | Конец -->
    </body>
    </html>
    Параметры функции avtosliv():
    (string) token — токен из личного кабинета.
    (bool) modal = true — если true, то при нажатии на элемент из параметра "el" виджет будет открываться в модальном окне. Иначе виджет будет в элементе из параметра "el" (Подходит для landing page).
    (object) el — элемент взаимодействия (См. параметр "modal"), может быть активным элементом или блоком.
    (string) service = 'osago' — сервис, который будет открыт.
    Описание / УслугаЗначение параметра "service"
    Меню (Пользователь выбирает услугу сам)menu
    Электронное ОСАГОosago
    Восстановление КБМkbm
    История автомобиляhistory
    Займ под залог ПТСcredit
    Быстрая продажа автоsale
    Переоборудование ТСreequip

Готово!

На данный момент кнопка "Купить электронное ОСАГО" уже должна открывать виджет.
Вы можете добавить сразу несколько сервисов изменяя параметры функции.

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