Установка виджета
Добавление виджета на сайт занимает несколько минут. Панель генерирует для вас персональный готовый код; нужно лишь вставить его на сайт.
Шаги установки
Получите код виджета
Добавьте код на сайт
</body> на каждой странице сайта.Сохраните и протестируйте
Добавьте один раз — работает везде
Плавающая кнопка (рекомендуется)
Установка по умолчанию показывает плавающую кнопку чата в углу сайта. По нажатию открывается окно чата. Панель генерирует этот код с вашим токеном виджета, цветом и позицией; фрагмент ниже — только структурный пример:
<!-- HaveAI Widget -->
<script>
(function () {
var iframe = document.createElement('iframe');
iframe.src = 'https://haveai.io/widget/WIDGET_TOKEN';
/* ...логика плавающей кнопки и окна генерируется панелью... */
})();
</script>Встраивание через iframe
Чтобы встроить чат прямо в страницу (например, «Поддержка») вместо плавающей кнопки, используйте iframe:
<iframe
src="https://haveai.io/widget/WIDGET_TOKEN"
width="100%"
height="600"
frameborder="0"
style="border:none;border-radius:16px;"
></iframe>Замените WIDGET_TOKEN своим токеном
WIDGET_TOKEN — заглушка. Получите свой токен в разделе Установка в панели — копирование готового кода из панели самый надёжный способ.WordPress
На сайтах WordPress код можно добавить в Внешний вид → Редактор файлов темы → footer.php или использовать плагин для вставки скриптов в шапку/подвал. Панель также предоставляет код специально для WordPress.
Google Tag Manager
Если вы используете GTM, добавьте код виджета как Custom HTML тег и запустите его на всех страницах. Панель предоставляет готовый код и для этого.
Связанные темы
Эта страница была полезна?