Как установить агента на сайт Tilda
Пошагово: где в Tilda вставить код виджета, как связать его с корзиной, что делать с кэшем и как проверить, что агент работает на всех страницах.
Tilda — самый частый случай среди наших магазинов: сайт красивый, товары есть, а отвечать на вопросы некому. Установка занимает пять минут и не требует программиста.
Шаг 1. Скопируйте код#
В кабинете откройте «Виджет и ссылка» и нажмите «Скопировать код». Это одна строка вида <script src="…" async></script>.
Шаг 2. Вставьте его в Tilda#
- В личном кабинете Tilda откройте нужный проект.
- Нажмите «Настройки сайта».
- Перейдите в раздел «Ещё» → «HTML-код для вставки внутрь head/body».
- Вставьте код в поле HTML-код для body (не в head).
- Сохраните.
Дальше обязательный шаг, о котором забывают: опубликуйте все страницы заново. Tilda применяет код при публикации, поэтому на неопубликованных страницах виджета не будет. В списке страниц есть кнопка публикации всех сразу.
Если вставить код в поле для head, виджет тоже загрузится, но позже и с риском конфликтов. Правильное место — body.
Шаг 3. Свяжите с корзиной#
Если у вас магазин на Tilda со своей корзиной, оплату в чате включать не нужно. Вместо этого укажите в настройках магазина ссылку на корзину: обычно это адрес страницы с корзиной вашего сайта. Агент будет доводить покупателя до неё, а оформление пойдёт привычным путём.
Если корзины нет и товары продаются «по запросу», включите оплату в чате — тогда весь путь останется внутри переписки. Подробности в статье Оплата в чате.
Шаг 4. Соберите каталог#
В настройках укажите адрес сайта и запустите анализ. Обходчик читает карточки товаров Tilda, включая цены, характеристики и фотографии, и заодно определяет валюту магазина.
Если товары у вас не в каталоге Tilda, а описаны блоками на страницах, обход всё равно найдёт цены и названия, но карточки получатся грубее. В этом случае помогает импорт CSV из «Каталога» — Tilda умеет выгружать товары в файл.
Агент не рассказывает про товар — он к нему приводит#
Это то место, где чат перестаёт быть чатом. Покупатель спрашивает «что у вас есть до трёх тысяч», и агент отвечает не абзацем текста, а карточками: фотография, название, цена, кнопка. Нажатие открывает ту самую страницу товара на вашем сайте — в том же окне, без новой вкладки и без потери контекста.
Дальше человек оказывается в привычной воронке Tilda: ваша карточка, ваша кнопка «Купить», ваша корзина. Агент довёл, магазин продал.
Второе, чего обычно не ждут: агент видит, какую страницу покупатель читает прямо сейчас. Он забирает разметку товара со страницы — название, артикул, цену — и понимает вопрос в контексте. Человек стоит на карточке синего кресла и пишет «а подушки к нему есть?» — агент знает, о каком кресле речь, и предлагает то, что действительно подходит.
Ссылка на товар живёт и там, где сайта нет: если карточка пришла из поста в Instagram или TikTok, кнопка откроет исходный пост. Каталог собран из разных мест, а ведёт всегда туда, где можно купить.
- Откройте сайт в режиме инкогнито. Кнопка чата должна появиться в правом нижнем углу через секунду-две.
- Задайте вопрос про товар — агент должен показать карточку.
- Спросите про доставку — ответ должен совпасть с вашими условиями.
- Проверьте телефон: на мобильной версии кнопка не должна перекрывать корзину Tilda.
Если кнопка перекрывает что-то важное, поменяйте её положение на левое в разделе «Виджет и ссылка».
Чат в тон сайту#
Tilda-сайты бывают и светлыми, и подчёркнуто тёмными, поэтому у виджета есть три режима темы: светлая, тёмная и «как у посетителя». Последний подстраивается под настройки устройства человека и стоит по умолчанию.
Если ваш сайт сделан в одном ключе, поставьте ту же тему жёстко — чат перестанет выделяться заплаткой в углу. Акцентный цвет при этом остаётся вашим в любой теме.
Шаг 5. Проверьте#
Частые проблемы#
Виджет не появился. Девять раз из десяти страницы не переопубликованы после вставки кода. Опубликуйте заново и обновите страницу с очисткой кэша.
Виджет виден не на всех страницах. Код вставлен не в настройки сайта, а в отдельный блок T123 на одной странице. Перенесите в «Настройки сайта» → «Ещё».
Кнопка появляется с задержкой. Это нормально: скрипт грузится асинхронно, после основного содержимого, чтобы не тормозить страницу.
Конфликт с другим чатом. Два чата в одном углу перекрывают друг друга. Оставьте один или разведите по разным сторонам.
Частые вопросы#
Нужен ли платный тариф Tilda#
Код вставляется в настройках сайта, это доступно на платных тарифах Tilda. На бесплатном тарифе вставка произвольного кода не поддерживается — тогда используйте ссылку на агента и ставьте её кнопкой на страницу.
Замедлит ли виджет сайт#
Нет. Скрипт весит немного и загружается асинхронно, само окно чата подгружается только по нажатию кнопки. На скорость загрузки страницы Tilda это не влияет.
Можно ли поставить агента только на одну страницу#
Да, вставьте код не в настройки сайта, а в блок «T123 HTML» на нужной странице. Так делают, например, для лендинга одного товара.
Работает ли это с Tilda Store#
Да. Агент читает карточки товаров и корзину, а оформление оставляет магазину Tilda: покупатель уходит в вашу корзину с выбранным товаром.
Как убрать виджет с сайта#
Удалите строку кода в настройках сайта и переопубликуйте страницы. Данные и диалоги при этом сохраняются, ссылка на агента продолжит работать.