Replyo
Блог · Tilda

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.

  1. Sitemap автоматом. Вставляете URL главной — Replyo считывает Tilda-sitemap и обходит все внутренние страницы. 7 страниц студии прошли за 38 секунд.
  2. FAQ-блок в Tilda — главный источник. Tilda блок T585/T671 (аккордеон FAQ) наш парсер видит как набор Q/A-пар автоматически. Это база бота.
  3. Прайс — загрузить вручную. Если прайс в PDF или Google-таблице, они не в sitemap. Залить черезKnowledge → Upload как CSV/PDF. Студия залила актуальные цены на услуги одним файлом.
  4. 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-ФЗ · Данные в РФ