Добавить AI-чат на сайт — один из самых быстрых способов начать автоматически отвечать на вопросы посетителей и собирать заявки. В этой инструкции показываем, как поставить виджет чат-бот на сайт с помощью Auralix: создать агента, скопировать один тег <script> и увидеть чат в действии уже через несколько минут.
Что понадобится
- Аккаунт Auralix (бесплатно, без карты).
- Доступ к HTML-коду вашего сайта — достаточно уметь редактировать
<body>. - Любой сайт: лендинг, корпоративный сайт, блог на WordPress, Tilda, Webflow или кастомная вёрстка.
Бесплатный план включает одного агента и 100 первых сообщений, чтобы проверить работу виджета.
Шаг 1. Зарегистрируйтесь и создайте проект
- Откройте auralix.tech/signup и создайте аккаунт.
- В дашборде нажмите «Новый проект», введите название (например, «Мой сайт»).
Проект — это рабочее пространство для агентов, диалогов и аналитики. Под один сайт обычно хватает одного проекта.
Шаг 2. Создайте агента
- Внутри проекта откройте раздел «Агенты» и нажмите «Создать агента».
- Введите имя агента — посетители увидят его в заголовке чата.
- В поле «Системный промпт» опишите, кто такой агент и как должен отвечать. Например:
Ты — помощник компании «Ромашка». Отвечай кратко и по делу.
Если вопрос требует личной консультации — предложи оставить контакт.
- Выберите модель. Рекомендуем Gemini 2.5 Flash Lite — быстро отвечает и стоит недорого.
- Нажмите «Сохранить».
Готово — агент создан. На этом этапе он уже может принимать сообщения.
Шаг 3. Скопируйте код виджета
- Откройте агента, перейдите во вкладку «Установка» (или «Виджет»).
- Вы увидите готовый код:
<script
src="https://auralix.tech/widget/auralix-widget.js"
data-agent-id="ВАШ_AGENT_ID"
defer
></script>
- Нажмите кнопку «Копировать».
data-agent-id — уникальный идентификатор вашего агента. Не изменяйте его вручную.
Шаг 4. Вставьте код на сайт
Вставьте скопированный скрипт перед закрывающим тегом </body> в HTML-коде сайта.
Пример для обычного HTML:
<body>
<!-- контент сайта -->
<script
src="https://auralix.tech/widget/auralix-widget.js"
data-agent-id="ВАШ_AGENT_ID"
defer
></script>
</body>
WordPress: установите плагин «Insert Headers and Footers» → вставьте код в секцию Footer.
Tilda: Настройки сайта → HTML-код в </body> → вставьте скрипт.
Webflow: Project Settings → Custom Code → Footer Code.
Bitrix Site Manager / 1С-Битрикс: Настройки шаблона → вкладка «Нижняя часть страницы».
После сохранения обновите страницу — в углу сайта появится кнопка чата.
Как выглядит виджет
По умолчанию кнопка находится в правом нижнем углу. Чтобы переместить её влево, добавьте параметр data-position:
<script
src="https://auralix.tech/widget/auralix-widget.js"
data-agent-id="ВАШ_AGENT_ID"
data-position="bottom-left"
defer
></script>
На мобильных устройствах чат открывается на весь экран — отдельно настраивать ничего не нужно.
Что ещё настроить сразу
После того как виджет появился на сайте, стоит сделать ещё три вещи:
База знаний. Добавьте документы, FAQ или текст с описанием продукта — агент будет отвечать на вопросы по ним, а не только по системному промпту. Это делается в разделе «База знаний» внутри агента.
Приветственное сообщение. В настройках виджета укажите текст, который увидит посетитель при открытии чата. Например: «Привет! Чем могу помочь?»
Сбор заявок. Настройте форму сбора контактов — агент сам предложит её в нужный момент диалога, и данные попадут в раздел «Лиды» проекта.
Частые ошибки
Виджет не появляется. Проверьте, что data-agent-id скопирован без лишних символов, а скрипт вставлен внутри <body>, а не в <head>.
Агент не отвечает. Убедитесь, что агент сохранён и активен (не находится в статусе «Черновик»). На бесплатном плане работает один агент.
Кнопка перекрывает важный элемент. Используйте data-position="bottom-left" или обратитесь в поддержку для точной настройки отступов.
Виджет не загружается на HTTPS-сайте. Скрипт загружается с auralix.tech по HTTPS — это нормально, конфликтов со смешанным контентом нет.
Итог
Чтобы поставить AI-чат на сайт через Auralix:
- Создайте аккаунт и проект.
- Создайте агента и напишите системный промпт.
- Скопируйте
<script>с вкладки «Установка». - Вставьте скрипт перед
</body>на сайте.
На бесплатном плане можно запустить первого агента и проверить первые 100 диалогов без карты. Этого достаточно, чтобы убедиться, что виджет работает так, как нужно.
