AI-бот на Tilda: реальный кейс установки и настройки за 4 минуты
Куда вставить скрипт, как обойти CSS-конфликт Zero Block, как обучить бота на Tilda-контенте. Разбор с замерами времени.
Tilda — платформа с самой большой долей SMB-сайтов в РФ. Почти каждый второй наш β-пилот приходит с tilda-url. Поэтому написали не «общий гайд», а конкретный проход: студия дизайна интерьеров, 7 страниц, Zero Block, 3 языка. От вставки<script> до первого live-диалога — 4 минуты 12 секунд по таймеру.
Этап 1. Скрипт — куда вставлять
В Tilda есть два разных места для кода, и новички путаются между ними. Правильное место — единственное.
Правильно
Настройки сайта → Ещё → HTML-код для вставки внутри HEAD. Там же, где GA и Яндекс.Метрика. Скрипт один раз применяется ко всем страницам сайта.
Неправильно
- Блок T123 «HTML-код» на конкретной странице — скрипт сработает, но только на этой странице. Посетитель перешёл на «Контакты» — бот исчезает.
- Zero Block → «Embed» — виджет рендерится внутри блока и подчиняется его overflow-rules. Чат будет обрезан.
- «HTML-код для вставки перед
</body>» — работает, но медленнее на ~120 мс на мобильных из-за порядка загрузки Tilda-скриптов.
Сам скрипт — одна строчка, которую выдаёт дашборд Replyo сразу после подключения сайта:
<script async src="https://replyo.su/widget.js" data-key="pk_..."></script>
Этап 2. Три CSS-конфликта, которые реально встречаются
Tilda публикует `tilda-blocks-*.css` с десятками глобальных селекторов. Три из них регулярно ломают сторонние виджеты. Наш widget.js выпускает виджет в изолированный iframe именно поэтому — 98% сайтов проходят без кастома. Оставшиеся 2% — это кейсы ниже.
Конфликт 1. `z-index: 99999` на плавающих меню
Tilda Menu TM02 / TM12 часто ставят меню поверх всего экрана. Виджет под ним прячется. Решение — в дашборде, разделCustomization → Widget, поднятьz-index до 100000.
Конфликт 2. `body { overflow: hidden }` на мобильных попапах
Если у вас на сайте есть Tilda-попап (форма подписки, например), он добавляет overflow: hidden на body. Виджет не открывается при клике. Обход — включить опцию «Pin to viewport» в настройках виджета (работает черезposition: fixed с явным top/right).
Конфликт 3. Zero Block с `transform`
Zero Block-контейнеры создают новый stacking context черезtransform: translate3d. Если виджет рендерится внутри такого Zero Block — он застрянет на нижнем слое. Решение — именно тот путь с HTML внутри HEAD, а не Zero Block embed.
Этап 3. Чем обучать бота на Tilda-контенте
Tilda-сайт — это не «набор статей». Это лендинг с блоками: Hero, Feature grid, FAQ, Pricing. Поэтому обучение бота требует одного дополнительного шага по сравнению с контентным сайтом на WordPress.
- Sitemap автоматом. Вставляете URL главной — Replyo считывает Tilda-sitemap и обходит все внутренние страницы. 7 страниц студии прошли за 38 секунд.
- FAQ-блок в Tilda — главный источник. Tilda блок T585/T671 (аккордеон FAQ) наш парсер видит как набор Q/A-пар автоматически. Это база бота.
- Прайс — загрузить вручную. Если прайс в PDF или Google-таблице, они не в sitemap. Залить черезKnowledge → Upload как CSV/PDF. Студия залила актуальные цены на услуги одним файлом.
- Q/A pairs вручную для узких вопросов. «Работаете ли вы с ипотечным жильём?», «Какой средний срок проекта?» — 12 пар, 15 минут работы. Покрыли 60% реальных вопросов за первую неделю.
Этап 4. Отличия от WordPress
Основной вопрос, который задают Tilda-студии: «У нас не WordPress, всё ли сработает?». Да, но есть 3 специфики.
- Мета-теги. В Tilda все SEO-настройки идут через интерфейс Tilda (Настройки страницы → SEO). WordPress использует Yoast / RankMath в HTML. Для бота разницы нет — он парсит видимый контент страницы, не meta.
- Комментарии. У Tilda нет родной системы комментариев, как у WP. Бот не «теряет» этот источник знаний — его просто нет.
- Обновления контента. WordPress-страница меняется — нужно повторно индексировать. У Tilda то же самое, но Tilda ещё и кеширует страницы агрессивнее. Если вы обновили контент, а бот всё равно отвечает старое — в дашборде запустите Re-index, и параллельно в Tilda нажмите Опубликовать все страницы.
Результат студии через 30 дней
Цифры одного β-пилота, не среднее по пилотам:
- 412 диалогов за месяц, из них 89 квалифицированных заявок
- 73% вопросов закрыл бот сам (в основном «сроки», «цены за квадрат», «работаете с новостройками»)
- 27% эскалированы админу — в основном «хочу обсудить проект», что как раз и нужно
- Среднее время до первого ответа: 9 секунд против прежних 4 часов (админ отвечал в рабочее время)
Вся установка у студии заняла 4 минуты 12 секунд до первого диалога, плюс 40 минут на загрузку прайса и написание 12 Q/A пар. Без разработчика, силами самого владельца студии.
Запустите на своём Tilda-сайте через Replyo trial. Смотрите тариф под Tilda-студии на странице цен, детали интеграции — в руководствах.
Бот на вашем сайте — за 30 секунд.
Вставьте URL на главной странице. 14 дней бесплатно, без карты, удаляется одним кликом.
Без карты · 152-ФЗ · Данные в РФ