--- title: Как установить агента на сайт Tilda description: Пошагово: где в Tilda вставить код виджета, как связать его с корзиной, что делать с кэшем и как проверить, что агент работает на всех страницах. section: platforms keywords: Tilda, виджет на Tilda, чат на сайт Tilda, HTML-код для body, интернет-магазин Tilda, ИИ-агент updated: 6 сентября 2026 --- Tilda — самый частый случай среди наших магазинов: сайт красивый, товары есть, а отвечать на вопросы некому. Установка занимает пять минут и не требует программиста. ## Шаг 1. Скопируйте код В кабинете откройте «Виджет и ссылка» и нажмите «Скопировать код». Это одна строка вида ``. ## Шаг 2. Вставьте его в Tilda 1. В личном кабинете Tilda откройте нужный проект. 2. Нажмите «Настройки сайта». 3. Перейдите в раздел «Ещё» → «HTML-код для вставки внутрь head/body». 4. Вставьте код в поле **HTML-код для body** (не в head). 5. Сохраните. Дальше обязательный шаг, о котором забывают: **опубликуйте все страницы заново**. Tilda применяет код при публикации, поэтому на неопубликованных страницах виджета не будет. В списке страниц есть кнопка публикации всех сразу. > [!warning] Если вставить код в поле для head, виджет тоже загрузится, но позже и с риском конфликтов. Правильное место — body. ## Шаг 3. Свяжите с корзиной Если у вас магазин на Tilda со своей корзиной, оплату в чате включать не нужно. Вместо этого укажите в настройках магазина ссылку на корзину: обычно это адрес страницы с корзиной вашего сайта. Агент будет доводить покупателя до неё, а оформление пойдёт привычным путём. Если корзины нет и товары продаются «по запросу», включите оплату в чате — тогда весь путь останется внутри переписки. Подробности в статье [Оплата в чате](/wiki/payments). ## Шаг 4. Соберите каталог В настройках укажите адрес сайта и запустите анализ. Обходчик читает карточки товаров Tilda, включая цены, характеристики и фотографии, и заодно определяет валюту магазина. Если товары у вас не в каталоге Tilda, а описаны блоками на страницах, обход всё равно найдёт цены и названия, но карточки получатся грубее. В этом случае помогает импорт CSV из «Каталога» — Tilda умеет выгружать товары в файл. ## Агент не рассказывает про товар — он к нему приводит Это то место, где чат перестаёт быть чатом. Покупатель спрашивает «что у вас есть до трёх тысяч», и агент отвечает не абзацем текста, а карточками: фотография, название, цена, кнопка. Нажатие открывает ту самую страницу товара на вашем сайте — в том же окне, без новой вкладки и без потери контекста. Дальше человек оказывается в привычной воронке Tilda: ваша карточка, ваша кнопка «Купить», ваша корзина. Агент довёл, магазин продал. Второе, чего обычно не ждут: агент видит, какую страницу покупатель читает прямо сейчас. Он забирает разметку товара со страницы — название, артикул, цену — и понимает вопрос в контексте. Человек стоит на карточке синего кресла и пишет «а подушки к нему есть?» — агент знает, о каком кресле речь, и предлагает то, что действительно подходит. Ссылка на товар живёт и там, где сайта нет: если карточка пришла из поста в Instagram или TikTok, кнопка откроет исходный пост. Каталог собран из разных мест, а ведёт всегда туда, где можно купить. 1. Откройте сайт в режиме инкогнито. Кнопка чата должна появиться в правом нижнем углу через секунду-две. 2. Задайте вопрос про товар — агент должен показать карточку. 3. Спросите про доставку — ответ должен совпасть с вашими условиями. 4. Проверьте телефон: на мобильной версии кнопка не должна перекрывать корзину Tilda. Если кнопка перекрывает что-то важное, поменяйте её положение на левое в разделе «Виджет и ссылка». ## Чат в тон сайту Tilda-сайты бывают и светлыми, и подчёркнуто тёмными, поэтому у виджета есть три режима темы: светлая, тёмная и «как у посетителя». Последний подстраивается под настройки устройства человека и стоит по умолчанию. Если ваш сайт сделан в одном ключе, поставьте ту же тему жёстко — чат перестанет выделяться заплаткой в углу. Акцентный цвет при этом остаётся вашим в любой теме. ## Шаг 5. Проверьте ## Частые проблемы **Виджет не появился.** Девять раз из десяти страницы не переопубликованы после вставки кода. Опубликуйте заново и обновите страницу с очисткой кэша. **Виджет виден не на всех страницах.** Код вставлен не в настройки сайта, а в отдельный блок T123 на одной странице. Перенесите в «Настройки сайта» → «Ещё». **Кнопка появляется с задержкой.** Это нормально: скрипт грузится асинхронно, после основного содержимого, чтобы не тормозить страницу. **Конфликт с другим чатом.** Два чата в одном углу перекрывают друг друга. Оставьте один или разведите по разным сторонам. ## Частые вопросы ### Нужен ли платный тариф Tilda Код вставляется в настройках сайта, это доступно на платных тарифах Tilda. На бесплатном тарифе вставка произвольного кода не поддерживается — тогда используйте ссылку на агента и ставьте её кнопкой на страницу. ### Замедлит ли виджет сайт Нет. Скрипт весит немного и загружается асинхронно, само окно чата подгружается только по нажатию кнопки. На скорость загрузки страницы Tilda это не влияет. ### Можно ли поставить агента только на одну страницу Да, вставьте код не в настройки сайта, а в блок «T123 HTML» на нужной странице. Так делают, например, для лендинга одного товара. ### Работает ли это с Tilda Store Да. Агент читает карточки товаров и корзину, а оформление оставляет магазину Tilda: покупатель уходит в вашу корзину с выбранным товаром. ### Как убрать виджет с сайта Удалите строку кода в настройках сайта и переопубликуйте страницы. Данные и диалоги при этом сохраняются, ссылка на агента продолжит работать.