После отправки формы на сайте посетитель должен сразу понять, что заявка ушла, а не гадать, сработала ли кнопка. Экран благодарности тильда zero block решает эту задачу иначе, чем стандартный попап конструктора: вместо короткого системного сообщения человек попадает на отдельную страницу со своим дизайном, текстом и, если нужно, данными из формы. Я настраивал такие страницы на десятках проектов, от лендингов с заявками до интернет-магазинов с оплатой через Т‑Банк, и в этой статье собрал рабочую последовательность действий: от стандартных настроек формы до сборки собственного экрана на Zero Block и передачи параметров для рекламных целей.
По теме статьи
Готовое решение
Скрипт расчёта налога (НДС) в корзине Tilda
Автоматический расчёт НДС отдельной строкой в корзине Tilda — для США, ЕС и B2B.
от5 000 ₽
Кастомный скрипт
Когда стандартных блоков не хватает
Доработка сайтов на Тильде: скрипты для корзины, промокоды, зоны доставки, интеграции с CRM и Telegram. Простой скрипт от 3 000
от3 000 ₽
Что Тильда показывает после отправки формы по умолчанию
По умолчанию после клика по кнопке отправки Тильда показывает всплывающее окно с коротким текстом вроде «Спасибо, ваша заявка отправлена». Настройка находится в редакторе блока формы: кликаю по блоку, открываю вкладку «Форма» и ищу раздел, отвечающий за обработку отправленных данных. Там же можно поменять текст сообщения на свой, указать email для уведомлений и, главное, задать URL страницы, на которую Тильда переведёт посетителя вместо показа попапа.
Для простой заявки вроде «перезвоните мне» стандартного попапа обычно хватает: пользователь увидел текст, закрыл окно, ушёл со страницы. Сложнее там, где нужно показать что-то большее - персонализированное сообщение, следующий шаг воронки, кнопку на оплату или переход в Telegram-бот. Встроенного текстового попапа для этого мало, и в дело идёт редирект на отдельную страницу.
Если форм на сайте несколько (заявка, обратный звонок, подписка), у каждой можно задать свой сценарий независимо - настройки хранятся отдельно для каждого блока формы, а не общие на весь проект.
Три способа оформить экран благодарности
У формы в Тильде есть три рабочих варианта поведения после отправки, и я выбираю между ними в зависимости от задачи.
| Способ | Что видит пользователь | Когда использую |
|---|---|---|
| Всплывающее окно (попап) | Короткий текст поверх текущей страницы, форма остаётся на месте | Простая заявка без дальнейшей логики: обратный звонок, подписка на рассылку |
| Замена формы текстом на блоке | Форма исчезает, вместо неё показывается сообщение прямо в блоке | Когда важно, чтобы человек остался на той же странице и не терял контекст |
| Редирект на отдельную страницу | Открывается новый URL с собственным дизайном и контентом | Нужна отдельная цель в аналитике, передача данных или сложный сценарий после отправки |
Первые два варианта настраиваются прямо в блоке формы без дополнительных страниц. Третий требует создать в проекте ещё одну страницу и указать её адрес в поле редиректа - именно этот вариант я использую, когда экран благодарности собираю на Zero Block. Для лендинга с одной формой чаще хватает попапа, для интернет-магазина с оплатой и для рекламных кампаний почти всегда нужен отдельный URL.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Экран благодарности на Zero Block: когда обычной страницы мало
Zero Block - редактор Тильды для сборки блоков с собственной вёрсткой, стилями и JS-кодом, без ограничений стандартной библиотеки готовых блоков. Для страницы благодарности это удобно, когда нужен нестандартный дизайн, анимация появления элементов или скрипт, который должен отработать сразу при загрузке страницы, а не после дополнительных кликов.
Порядок действий такой:
- Создаю в проекте новую пустую страницу, которая не будет в основном меню сайта.
- Добавляю на неё блок Zero и собираю макет: заголовок, текст, кнопка возврата на сайт или в мессенджер.
- В настройках блока открываю панель с собственным кодом и добавляю JS, если странице нужна логика - например, чтение параметров из адресной строки.
- Публикую страницу и копирую её адрес.
- Вставляю этот адрес в поле редиректа настроек формы, которая должна вести на эту страницу.
Обычный html-блок (T‑код) Тильды тоже даёт вставить свой код, но Zero Block удобнее, если экранов благодарности несколько и хочется держать их в едином визуальном стиле - блок можно скопировать между страницами и проектами без пересборки вёрстки с нуля. Простую доработку такого экрана, например подстановку имени клиента в текст, я обычно делаю от 3 000 ₽, а полноценную интеграцию с оплатой и CRM оцениваю отдельно, потому что объём работы там другой - от 40 000 ₽ как комплексную задачу.
Передача данных в URL для аналитики и персонализации
Тильда умеет подставлять значения отправленных полей формы в адрес редиректа как GET-параметры. Это значит, что в поле URL можно собрать ссылку вида https://site.ru/thanks/?name=Иван&order=1042, и посетитель попадёт на страницу благодарности уже с этими данными в адресной строке.
На самой странице Zero Block я читаю эти параметры обычным JavaScript и подставляю их в текст:
const params = new URLSearchParams(window.location.search);
const name = params.get('name') || '';
const greeting = document.querySelector('.thanks-title');
if (greeting && name) {
greeting.textContent = `Спасибо, ${name}! Заявка получена.`;
}Второе применение того же механизма - реклама. Если у каждой формы на сайте своя страница благодарности со своим URL, в Яндекс.Метрике и Google Ads можно завести отдельную цель именно на этот адрес и не путать заявки с разных форм, которые раньше показывали один и тот же попап с одинаковым текстом. Для интернет-магазина туда же добавляю сумму заказа, чтобы считать не количество заявок, а их стоимость.
Одна оговорка: телефон и email в открытом виде в URL лучше не передавать - адрес страницы попадает в историю браузера, серверные логи и системы аналитики. Для персонализации обычно достаточно имени и внутреннего номера заказа, а остальные данные подтягиваются на стороне CRM по этому номеру.
Автоматизация после отправки формы
Уведомления и вебхуки
В настройках формы Тильда отправляет данные по email, в подключённые CRM и по вебхуку на произвольный адрес без дополнительного кода. Для лендинга с заявками я обычно подключаю ещё и уведомление в Telegram прямо в настройках формы: письма читают через раз, а сообщение в рабочем чате менеджеры видят почти сразу.
Когда логика сложнее - разная реакция на сумму заказа, создание отправления в СДЭК после оплаты или ответ клиенту от бота с учётом предыдущей переписки, вебхук из Тильды я направляю в n8n или в отдельного бота на aiogram, который уже принимает решение по условиям. Настройку такой автоматизации в n8n оцениваю от 25 000 ₽, в зависимости от количества сценариев и внешних сервисов, с которыми она работает.
Частые ошибки
Несколько вещей, из-за которых экран благодарности «не работает», хотя настройки формы выглядят правильно.
- Путают редирект формы с редиректом после оплаты. Если приём платежа идёт через Т‑Банк, страница благодарности показывается после подтверждения оплаты платёжной системой, а не сразу после клика «Отправить» - эта настройка находится отдельно, в разделе платёжных систем, и её легко пропустить.
- Забывают, что закрытая от индексации страница благодарности всё равно засчитывается как рекламная цель по URL - noindex не мешает счётчикам аналитики, но мешает странице попасть в поисковую выдачу вместо целевых страниц сайта.
- Ставят JS-код персонализации в блок, который рендерится позже остальной страницы, из-за чего скрипт не находит нужный элемент и просто ничего не делает - в Zero Block код стоит вешать на загрузку конкретного блока, а не всей страницы.
Условия и возможности Тильды меняются, поэтому перед запуском я уточняю их у самого сервиса.
Частые вопросы
Нужно ли обязательно использовать Zero Block, или хватит обычного блока Тильды?
Для короткого текстового сообщения хватит обычного блока с редиректом. Zero Block нужен, когда важен собственный дизайн, анимация или JS-логика прямо на странице - персонализация, пиксели, нестандартная вёрстка, которую стандартными блоками собрать неудобно.
Как передать имя или номер заказа на страницу благодарности?
Через подстановку значений полей формы в URL редиректа как GET-параметров, а затем чтение этих параметров JS-кодом уже на самой странице - способ и пример кода описаны в разделе про передачу данных в URL выше.
Отличается ли экран благодарности после оплаты через Т‑Банк от обычной формы?
Да. Редирект после оплаты настраивается отдельно, в настройках платёжной системы, а не в блоке формы - страница благодарности показывается после подтверждения оплаты, а не сразу после клика «Отправить». Это частая причина, по которой кажется, что экран не работает для платных заявок.
Индексируется ли страница благодарности в поисковой выдаче?
Это обычная страница с прямым адресом, поэтому поисковик может её проиндексировать, если не закрыть индексацию через настройки SEO страницы в Тильде. Для страниц вроде «спасибо за заказ» обычно стоит закрыть индексацию, чтобы она не конкурировала с целевыми страницами сайта в выдаче.