Как поставить ИИ-чат-бота на Tilda, WordPress и любой сайт: инструкция с одной строкой кода

Самый частый вопрос после «как создать бота» — «а как его поставить на мой сайт?». Хорошая новость: если бот публикуется виджетом (как в Lumen AI), установка — это одна строка HTML. Разбираем по шагам для популярных платформ.

---

Строка, которую будем вставлять

После создания агента во вкладке «Публикация» вы получаете код вида:

<script src="https://lumen-ai.ru/api/public/widget.js" data-agent="ВАШ_ID" async></script>

Эта строка добавляет на сайт плавающую кнопку 💬; по клику открывается чат с вашим ботом. Всё, что нужно, — вставить её в HTML страницы. Ниже — куда именно на каждой платформе.

Tilda

1. Настройки сайта → «Ещё» → «HTML-код для вставки внутрь head или body».
2. Вставьте строку в поле «Внутрь body».
3. «Сохранить» → переопубликуйте все страницы (важно: без переопубликации код не применится).

Альтернатива для одной страницы: блок T123 «HTML-код» в нужном месте страницы.

WordPress

Способ без плагинов:

1. Админка → Внешний вид → Редактор тем (или «Редактор файлов темы»).
2. Откройте footer.php, вставьте строку перед </body>, сохраните.

Способ с плагином (безопаснее при обновлениях темы): установите WPCode (бывший Insert Headers and Footers) → раздел Footer → вставьте строку → Save.

1C-Битрикс

1. Админка → Настройки → Настройки продукта → Сайты → ваш шаблон.
2. Либо проще: в шаблоне сайта найдите footer.php и добавьте строку перед </body>.
3. Сбросьте кеш композита, если включён.

Taplink, Craftum, Nethouse и другие конструкторы

Ищите в настройках раздел с названием вида «HTML-код», «Вставка кода», «Скрипты» — он есть почти везде на платных тарифах. Вставляйте строку в блок для body.

Если платформа не разрешает свои скрипты (бывает на бесплатных тарифах) — используйте публичную ссылку на бота: разместите её кнопкой «Задать вопрос». Чат откроется на отдельной странице — тоже рабочий вариант.

Самописный сайт

Вставьте строку перед закрывающим </body> в шаблоне. Если фронтенд на React/Vue/Next.js — добавьте скрипт в корневой layout. Виджет изолирован и не конфликтует со стилями сайта.

Проверка после установки

1. Откройте сайт в режиме инкогнито.
2. Кнопка 💬 внизу справа появилась? Кликните.
3. Задайте боту тестовый вопрос — ответ должен прийти за пару секунд.

Если кнопки нет: проверьте, что код вставлен именно в body (не в комментарий), страница переопубликована, а блокировщик рекламы отключён для чистоты теста.

Частые вопросы

Виджет замедлит сайт? Нет: скрипт грузится асинхронно (async) и весит меньше килобайта — на метрики скорости не влияет.

Можно поменять цвет кнопки? Да, параметром в адресе скрипта: widget.js?color=%23ff6600 (HEX-код цвета).

Можно поставить одного бота на несколько сайтов? Да, одна и та же строка работает на любом количестве доменов.

Как убрать надпись «Создано на Lumen AI»? Бейдж снимается на тарифе «Бизнес» — подробнее на странице тарифов.

---

Итог

Установка ИИ-бота — это буквально копипаст одной строки: на Tilda через настройки сайта, на WordPress через footer или плагин, на остальных платформах через блок «HTML-код». Ещё нет бота? Соберите за 10 минут — установка займёт меньше времени, чем чтение этой статьи.