Appearance
Виджет на сайт
Самый простой способ подключить чат — вставить одну строку 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-position | right | Позиция кнопки: 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 уже настроены на сервере. Дополнительных настроек не требуется.