Skip to content

Виджет на сайт

Самый простой способ подключить чат — вставить одну строку HTML на страницу.

Подключение

Добавьте перед закрывающим тегом </body>:

html
<script
  src="https://app.agent512.ru/api/widget/widget.js"
  data-api-key="ak_your_api_key"
></script>

Готово — в правом нижнем углу появится кнопка чата.

Параметры

Все параметры передаются через data- атрибуты тега <script>:

АтрибутПо умолчаниюОписание
data-api-keyОбязательный. API ключ ассистента
data-color#e22427Основной цвет кнопки и шапки чата
data-positionrightПозиция кнопки: right или left
data-titleОнлайн-консультантЗаголовок окна чата
data-welcomeЗдравствуйте! Чем могу помочь?Приветственное сообщение
data-placeholderНапишите сообщение...Плейсхолдер в поле ввода

Пример с настройками

html
<script
  src="https://app.agent512.ru/api/widget/widget.js"
  data-api-key="ak_your_api_key"
  data-color="#2563eb"
  data-position="right"
  data-title="Служба поддержки"
  data-welcome="Здравствуйте! Как я могу вам помочь?"
  data-placeholder="Введите вопрос..."
></script>

CORS

Виджет работает с любого домена — заголовки CORS уже настроены на сервере. Дополнительных настроек не требуется.