Чат для Tilda за 5 минут без кода
Tilda удобна тем, что между идеей сайта и опубликованной страницей нет программиста. Чат-виджет должен укладываться в эту же логику: открыл настройки, вставил кусок кода, нажал "Опубликовать". Все, что сложнее, ломает обещание Tilda как платформы.
В этой инструкции мы пройдем путь от регистрации в Нотифлоу до работающего чата на сайте Tilda за пять минут на чистом проекте. Замер реальный, не маркетинговый: останавливался секундомер на каждом шаге.
Что нужно перед стартом
Аккаунт в Tilda с включенным тарифом Personal или выше. На бесплатном Tilda Free возможность вставлять собственный код заблокирована, и виджет не запустится ни от одного сервиса. Это ограничение Tilda, не Нотифлоу.
Аккаунт в Нотифлоу. Создается за минуту через email и пароль или через Yandex ID. На тарифе Старт чат бесплатный, лимит 100 диалогов в месяц, чтобы проверить идею и показать заказчику.
Браузер с открытыми двумя вкладками: настройки сайта в Tilda и кабинет Нотифлоу.
Шаг 1: создаем проект в кабинете Нотифлоу
После регистрации кабинет спрашивает первый домен. Введите адрес сайта на Tilda без http и без trailing slash, например mybrand-shop.tilda.ws или собственный домен mybrand.ru, который уже привязан к Tilda.
Сохранить. Кабинет сгенерирует уникальный API-ключ для этого домена. Ключ виден на странице настроек домена и в коде установки. Он подставляется автоматически, копировать вручную не нужно.
Перейдите в раздел Чат поддержки, Настройки виджета. Если хотите проверить базовый сценарий, ничего не трогайте. Если есть фирменный цвет, поменяйте его в Внешний вид. На демо-сайте достаточно дефолта.
Шаг 2: получаем код установки
В кабинете перейдите в раздел Виджеты, кнопка Получить код. Откроется модалка с готовым к копированию <script>-блоком. Он выглядит примерно так:
<script async src="https://cp.notiflow.ru/widget.js"
data-api-key="ваш-ключ-домена"></script>
Длина блока около 150 символов. Ничего сверху него вставлять не нужно: внутри уже есть async-флаг для Tilda, чтобы виджет не блокировал отрисовку страницы.
Проверка перед копированием: API-ключ соответствует домену, который вы вводили на шаге 1. Если в кабинете несколько доменов, переключитесь между ними в шапке кабинета и убедитесь, что ключ показывается для нужного.
Шаг 3: вставляем в Tilda через настройки сайта
В Tilda есть два способа добавить произвольный код: на конкретную страницу или на весь сайт. Для чата подходит только второй, потому что виджет должен открываться на каждой странице, а не только на главной.
Откройте проект в Tilda. В верхнем меню Настройки сайта, далее раздел Аналитика и SEO, подраздел Дополнительный код. Это поле называется "HTML-код для вставки внутрь HEAD" или "Код для вставки в BODY перед закрывающим тегом". Нам подходит второй: вставляем перед </body>.
Вставьте скопированный из кабинета <script>. Сохранить. На этом этапе вкладка Tilda дает зеленую галочку рядом с полем, что код принят. Обратите внимание, что Tilda не валидирует содержимое скрипта, она только проверяет, что вы вставили текст, а не картинку.
После сохранения нужно опубликовать сайт заново. Tilda не применяет изменения footer-кода без явной публикации. Кнопка Опубликовать вверху редактора. Время сборки и деплоя обычно около 15-20 секунд.
Шаг 4: проверяем работу
Откройте опубликованный сайт в новом окне браузера или в режиме инкогнито. Скролл вниз страницы или ожидание 5 секунд (зависит от настроек проактивного открытия) должен показать иконку чата в правом нижнем углу.
Кликните иконку. Откроется виджет. Напишите тестовое сообщение, например "проверка". В это же время в кабинете Нотифлоу в разделе Диалоги, вкладка Все, появится новый диалог с этим сообщением. Время отклика после нажатия кнопки Отправить, до появления в кабинете, обычно меньше 1 секунды.
Если виджет не появился, скорее всего одно из трех:
Не опубликовали сайт после вставки кода. Tilda хранит изменения в черновике, на боевом домене кода еще нет. Решение: повторно нажать Опубликовать.
Тариф Tilda бесплатный, и поле "Дополнительный код" не сохраняет содержимое. Решение: проверить тариф, подключить Personal или выше.
Скрипт вставлен не в Дополнительный код, а в HTML-блок одной из страниц. Удалите оттуда, вставьте именно в общие настройки сайта.
В разделе Нотифлоу есть раздел Диагностика, который показывает все домены и понимает, есть ли установленный скрипт на каждом из них. Это полезно, если у проекта несколько Tilda-сайтов.
Шаг 5: тонкая настройка под Tilda
Базовая установка работает, но Tilda делает несколько вещей, которые стоит учесть для серьезной работы.
Tilda по умолчанию использует свои хедеры и футеры, которые могут визуально перекрывать виджет на мобильных. Если вы видите, что иконка чата прячется за нижним меню Tilda, добавьте в настройках виджета отступ снизу 70 пикселей. Это поле есть в кабинете в разделе Внешний вид, "Отступ от низа экрана".
Tilda поддерживает свои всплывающие модалки, например при подписке на рассылку. Если у вас есть такая модалка на той же странице, что и чат, проверьте z-index. Виджет Нотифлоу использует z-index 9999, и если у Tilda-модалки выше, чат будет под ней. Решение: понизить z-index виджета через CSS-override в "Дополнительный код" Tilda.
Если у вас несколько Tilda-сайтов и вы хотите единый кабинет на все, добавляйте каждый домен отдельно через раздел Домены в кабинете. Скрипт нужен с правильным API-ключом для каждого домена.
Что дальше
После того как чат работает, имеет смысл потратить еще 20 минут на четыре вещи:
Подключить Telegram-канал в кабинете. Настройки чата, Каналы, Telegram. Это не дает виджет на Tilda, это собирает в один инбокс ваши сообщения из Telegram-аккаунта поддержки. На Tilda-сайте останется тот же чат, но операторы видят и сайт, и Telegram в одном окне.
Настроить рабочие часы. По умолчанию виджет работает 24/7, и в нерабочее время клиенты пишут в пустоту. В разделе Настройки чата, Поведение, Расписание, поставьте часы работы операторов и текст оффлайн-формы. Подробнее в статье про рабочие часы.
Добавить виджет квиза, если у вас интернет-магазин на Tilda. Квиз помогает посетителю выбрать товар из ассортимента и работает как лид-магнит. Подробнее на странице виджета-квиза.
Включить AI-черновик ответа. На тарифе Команда и выше доступен помощник на YandexGPT, который читает базу знаний вашего сайта и пишет первый вариант ответа оператору. Это снижает время первого ответа в среднем на 35-40 процентов. Включается в разделе Боты и сценарии, AI-ассистент.
Подводные камни
Tilda имеет особенность с Yandex.Метрикой, которую важно учесть. Если у вас на сайте подключен счетчик Метрики через настройки Tilda, и одновременно через <script> в дополнительном коде, счетчик считает события дважды. Виджет Нотифлоу шлет свои события в кабинет, а не в Метрику, поэтому конфликта нет, но при настройке счетчика тестируйте.
Tilda кэширует страницы агрессивно, минимум 5 минут на CDN. Если вы поменяли настройки виджета в кабинете и не видите эффекта на сайте, не паникуйте, подождите. Принудительный сброс кеша Tilda в настройках сайта, кнопка Очистить кеш.
Проактивное открытие чата (виджет открывается сам через N секунд) на Tilda работает, но имеет нюанс: если посетитель скроллит вниз очень быстро, виджет может не успеть загрузиться. Это редкий случай, проявляется на медленных мобильных. Решение, если важно, в кабинете установить триггер по скроллу, не по времени.
Сравнение с альтернативами на Tilda
На Tilda для чата есть несколько вариантов: встроенный чат-бот Tilda, Jivo через стандартный блок T123, и любой внешний сервис через скрипт-вставку.
Встроенный чат-бот Tilda работает только на формах, не как самостоятельный виджет. Подходит для сценария "ответьте на 3 вопроса и получите консультацию", не для постоянной поддержки.
Jivo через T123 устанавливается в один клик, но не дает интеграцию с Telegram, VK, MAX в одном инбоксе. Если ваши клиенты пишут вам в Telegram чаще, чем на сайте (а в 2026 это типичный случай для интернет-магазина), Jivo заставит держать два рабочих окна.
Внешний сервис через скрипт-вставку (то, что мы сделали с Нотифлоу) дает полный контроль и единый инбокс. Минус, требует Tilda Personal или выше.
Подключить за 5 минут
Если у вас Tilda на тарифе Personal и нужен чат с поддержкой Telegram, VK и MAX в едином инбоксе, попробуйте на бесплатном Старте. На лимит 100 диалогов в месяц обычно хватает первых двух недель проверки.