Чтобы добавить чат-бот на Тильду, не нужен плагин или специальное приложение — достаточно вставить одну строку кода виджета в настройки сайта. После этого ИИ-бот появится в правом нижнем углу на всех страницах и начнёт отвечать посетителям. Вся процедура занимает 5–10 минут. Ниже разберём по шагам, куда именно вставлять код, как проверить работу и что делать, если бот не появился.

Что такое чат-бот для Тильды

Чат-бот для Тильды — это не отдельный модуль внутри конструктора и не плагин из маркетплейса. Это виджет: небольшой JavaScript-скрипт, который подключается к вашему сайту одной строкой и загружает кнопку чата. Когда посетитель нажимает на неё, открывается окно диалога, а отвечает в нём ИИ-бот на основе базы знаний, которую вы заполнили в личном кабинете.

Важно понимать: у нас нет плагина для Тильды и нет интеграции через API конструктора. Подключение работает через стандартный механизм самой Тильды — вставку HTML-кода. Это даже проще, чем плагин: код один раз добавляется в настройки и автоматически появляется на каждой странице сайта. Подробнее о принципе работы — в статье как работает чат-бот.

Где взять код виджета

Код виджета выдаётся в личном кабинете на chatbot-setup.ru после того, как вы создали бота и заполнили базу знаний (описание компании, услуги, цены, частые вопросы). Это одна строка вида:

<script src="https://chatbot-setup.ru/widget.js" data-bot-id="ваш-id"></script>

Вместо ваш-id в личном кабинете будет ваш реальный идентификатор бота. Скопируйте эту строку целиком — её нужно будет вставить в Тильду. Других файлов загружать не требуется: всё необходимое скрипт подтянет сам.

Способ 1: вставка кода для всего сайта (рекомендуемый)

Это основной и самый удобный способ. Код добавляется один раз в настройки сайта, и виджет появляется на всех страницах автоматически — на главной, в карточках услуг, на странице контактов.

Шаг 1. Войдите в аккаунт Тильды и откройте нужный проект (сайт).

Шаг 2. Нажмите «Настройки сайта» — кнопка вверху страницы со списком ваших страниц.

Шаг 3. Перейдите в раздел «Ещё» (в некоторых версиях интерфейса — «Дополнительно»).

Шаг 4. Найдите поле «HTML-код для вставки внутрь head» или «HTML-код для вставки внутрь body». Для виджета чат-бота подойдёт поле для body — скрипт лучше подключать ближе к концу страницы, чтобы он не задерживал загрузку контента. Если поля для body нет, вставьте код в поле для head — виджет всё равно загрузится корректно, так как скрипт работает асинхронно.

Шаг 5. Вставьте скопированную строку кода виджета в это поле.

Шаг 6. Нажмите «Сохранить».

Шаг 7. Вернитесь к списку страниц и нажмите «Опубликовать все страницы». Это ключевой момент: в Тильде изменения не появляются на живом сайте, пока вы не опубликуете его заново.

Готово. Виджет чат-бота теперь работает на всём сайте.

Способ 2: вставка кода на отдельную страницу

Если вы хотите, чтобы бот был не на всём сайте, а только на одной конкретной странице (например, на лендинге с акцией), используйте блок «Своя HTML».

Шаг 1. Откройте редактор нужной страницы.

Шаг 2. Нажмите «+» для добавления нового блока и выберите категорию «Другое».

Шаг 3. Найдите блок T123 «HTML-код» (он же «Своя HTML»).

Шаг 4. Вставьте блок на страницу, нажмите на него и выберите «Контент».

Шаг 5. Вставьте строку кода виджета в открывшееся поле и сохраните.

Шаг 6. Опубликуйте страницу.

Минус этого способа в том, что код придётся добавлять на каждую страницу отдельно. Поэтому для бота, который должен встречать клиента везде, лучше использовать первый способ — через настройки сайта.

Куда именно вставлять код: head или body

Коротко: лучше в body, но и head сработает.

  • Поле для body — предпочтительный вариант. Скрипт подключается после основного контента и не влияет на скорость отрисовки страницы.
  • Поле для head — допустимый запасной вариант. Виджет загружается асинхронно, поэтому даже из head он не блокирует загрузку сайта.

Не нужно вставлять код виджета и в head, и в body одновременно — иначе кнопка чата может задвоиться. Достаточно одного места.

Как проверить, что чат-бот работает

После публикации сайта проверьте установку:

  1. Откройте свой сайт на Тильде в браузере (именно опубликованную версию, а не превью в редакторе).
  2. В правом нижнем углу должна появиться кнопка чата.
  3. Нажмите на кнопку — откроется окно диалога.
  4. Напишите тестовый вопрос, например «Сколько стоит ваша услуга?» — бот должен ответить на основе вашей базы знаний.

Если бот ответил по делу — установка прошла успешно. Заодно откройте сайт с телефона: виджет адаптирован под мобильные, но полезно убедиться, что кнопка не перекрывает важные элементы на вашем конкретном дизайне.

Частые проблемы и их решение

Виджет не появился после вставки кода. Чаще всего причина — сайт не опубликован заново. В Тильде вставка кода в настройки не действует, пока вы не нажмёте «Опубликовать». Проверьте, что вы сохранили настройки и опубликовали все страницы.

Кнопка чата появилась, но бот не отвечает. Убедитесь, что в коде указан правильный data-bot-id из вашего личного кабинета и что вы скопировали строку целиком, без пробелов и переносов. Также проверьте, что бот в личном кабинете активен, а база знаний заполнена.

Код вставлен, но кнопка двоится. Скорее всего, строка добавлена сразу в двух местах — например, и в head, и в body, или одновременно через настройки сайта и через блок T123. Оставьте код только в одном месте.

Виджет мешает другим элементам сайта. Настройки внешнего вида и позиции виджета доступны в личном кабинете chatbot-setup.ru — там можно скорректировать отображение.

Чем установка на Тильду отличается от других платформ

Принцип везде одинаковый: вставить одну строку кода виджета перед концом страницы. Отличается только то, где в конкретной системе находится поле для этого кода. В Тильде это «Настройки сайта → Ещё», на WordPress — редактор темы или специальное поле для скриптов. Если у вас несколько сайтов на разных движках, общая логика подключения вам уже знакома.

Полный разбор для всех платформ есть в статье как установить виджет чат-бота на сайт, а отдельная инструкция для WordPress — в материале чат-бот на WordPress.

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

Нужен ли для Тильды отдельный плагин чат-бота? Нет. Плагина или приложения из маркетплейса не требуется. Бот подключается стандартной для Тильды вставкой HTML-кода — одной строкой в настройках сайта.

На каком тарифе Тильды работает виджет? Вставка кода в настройки сайта доступна на платных тарифах Тильды (Personal и Business). На бесплатном тарифе возможности вставки произвольного HTML ограничены — это особенность самой Тильды, а не виджета.

Появится ли бот на всех страницах сразу? Да, если вставить код через «Настройки сайта → Ещё». Тогда виджет автоматически подключается ко всем страницам. Если же использовать блок T123, бот будет только на той странице, куда вы его добавили.

Замедлит ли виджет загрузку сайта на Тильде? Влияние минимально. Скрипт виджета загружается асинхронно и не блокирует отрисовку страницы.

Сколько стоит подключение чат-бота? Сам виджет для сайта — 15 000 ₽/мес. В эту сумму входит работа ИИ-бота: он отвечает на вопросы посетителей на основе вашей базы знаний.

Добавить чат-бот на Тильду оказывается проще, чем кажется на старте: вместо поиска плагинов вы вставляете одну строку в настройки сайта и публикуете его заново. С этого момента ИИ-бот встречает каждого посетителя и отвечает на вопросы о ваших услугах, ценах и условиях работы — без вашего участия и в любое время суток.