Как сделать форму обратной связи на Tilda и не потерять ни одной заявки

Tilda ценят за скорость и доступность: там можно собрать сайт за один вечер — без разработчика и большого бюджета. Но чтобы страница работала на цели бизнеса, нужно добавить на неё форму обратной связи. Иначе у вас получится просто красивая витрина. В статье расскажем, какие бывают формы обратной связи в этом популярном конструкторе и как их правильно настроить.

5 задач, которые можно решить с помощью формы обратной связи

Формы на сайте — это интерактивные элементы, через которые человек оставляет свои данные: имя, телефон, почту или пожелания к заказу. Они упрощают коммуникацию и экономят время клиента: не нужно искать контакты компании, звонить ей или писать в мессенджере.

Обычно бизнес использует формы, чтобы:

• Собрать заявки. Это самый распространённый сценарий: пользователи запрашивают коммерческое предложение, расчёт стоимости услуги и так далее. Даже если они пишут бренду в нерабочее время, обращения не теряются — можно настроить синхронизацию с CRM. Тогда заявки будут храниться в одном месте и менеджеры смогут быстрее их обрабатывать.
• Пригласить на мероприятие. Пользователи регистрируются через форму на сайте и сразу получают подтверждение на почту. Позже бренд напоминает о событии с помощью рассылки, как правило, за неделю, три и один день до предполагаемой даты.
• Узнать мнение клиентов. Через форму можно запросить обратную связь. Например, поинтересоваться, как люди оценивают работу поддержки или курьерской службы, и сформировать среднюю оценку. Затем положительные отзывы опубликовать на сайте — это повышает доверие новых посетителей больше, чем самореклама.
• Предложить помощь. В форме посетитель может уточнить детали заказа, условия доставки или описать проблему, с которой он столкнулся, пользуясь сервисом или товаром.
• Снизить страх первого контакта. Для некоторых людей звонок незнакомой компании — стресс. Человек не знает, как его встретят, начнут ли сразу продавать услуги. Именно поэтому потенциальный клиент может изучить ваш сайт, прочитать отзывы, но так и не позвонить. Форма обратной связи решает эту проблему: проще собраться с мыслями и запросить звонок в удобное время.

Какие бывают формы на Tilda: показываем на примерах

Все они находятся в разделе «Форма» и доступны только по платной подписке, которая стоит от 500 ₽/мес.

Стандартная форма заявки — универсальный вариант для первичного контакта: запросить звонок, получить коммерческое предложение или уточнить стоимость услуги. У такого блока чаще всего 3–4 поля для имени и контактов клиента — больше не нужно, иначе форма превратится в подробную анкету.

Форма для подписки нужна, чтобы собирать адреса для рассылок. Обычно она встраивается в подвал сайта или отдельный блок между секциями и состоит из двух полей и кнопки. От стандартной формы отличается целью — выстроить долгосрочные отношения с аудиторией. Например, онлайн-школа английского языка может раз в две недели присылать бесплатный урок — подписчики оценят качество обучения и постепенно решатся на покупку.

Форма заказа обратного звонка выглядит минималистично и появляется как виджет в углу экрана или всплывающее окно. Подходит для клиентов, которым проще поговорить по телефону, чем переписываться: человек оставляет номер, а менеджер перезванивает в удобное время. На Tilda такой шаблон находится в «Формах» → подраздел «Другое».

Форма регистрации на мероприятие обычно включает имя, почту и иногда дополнительные поля — город, должность, вопрос спикеру. Главное отличие от обычной формы в том, что человек ожидает подтверждение записи. Поэтому нужно обязательно настроить рассылку персонализированных писем и напоминаний о событии.

Всплывающая форма появляется на экране по триггеру: например, при прокрутке до определённого блока или через 30 секунд нахождения на сайте. По сути, это классический попап, который захватывает внимание уже прогретой аудитории.

Квиз-форма — один из способов заинтересовать посетителей сайта, которые любят интерактивы и готовы в них участвовать. Её можно оформить в виде короткого теста, опроса или небольшой игры, а результаты персонализировать под конкретный сегмент. Благодаря этому получится поднять конверсию и увеличить продажи. Но важно понимать целевую аудиторию — иначе получите обратный эффект.

Такой формат хорошо работает там, где у человека есть время и мотивация разобраться в своём запросе — например, с помощью теста подобрать курс или тариф. Если же вопрос нужно решить максимально быстро, длинный квиз вызовет раздражение. Тогда лучше повесить на сайт виджет обратного звонка или сделать простую форму. Используйте квиз как инструмент прогрева, а не как замену всем остальным форматам.

Что должно быть в стандартной форме обратной связи

Прежде чем добавлять форму на сайт, важно разобраться, из каких основных элементов она состоит.

👉 Заголовок — первое, что видит пользователь. Его задача — объяснить читателю, что произойдёт после отправки заявки. Сравните: «Обратная связь» и «Оставьте заявку — перезвоним за 15 минут». У второго варианта чёткий CTA, поэтому он лучше побуждает к действию.

👉 Поля для ввода — основная часть формы, где клиент оставляет контакты и детали запроса. Минимальный набор: телефон или почта, остальное зависит от задачи. Например, организатор конкурса можно добавить поле для ссылки на портфолио.

👉 Чекбокс с согласием на обработку персональных данных. Это обязательный элемент по ФЗ № 152. Без него собирать контакты пользователей нельзя: штраф для юридических лиц составляет от 150 до 700 тысяч рублей, при повторном нарушении — до 1,5 млн.

👉 Кнопка отправки. Текст на ней напрямую влияет на конверсию, поэтому он должен быть коротким, простым и понятным для клиента. К примеру: «Получить расчёт», «Зарегистрироваться» или «Подписаться».

👉 Сообщение после отправки — то, что видит пользователь, кликнув на кнопку. Лучше оставить живое послание, например: «Спасибо, свяжемся с вами в течение часа». Оно звучит приятнее, чем стандартное «Форма отправлена», и создаёт хорошее первое впечатление о сервисе ещё до звонка менеджера.

Какие блоки можно добавить в форму обратной связи на Tilda

В редакторе есть гибкий набор инструментов для настройки формы. Выбирайте поля в зависимости от задачи:

• Имя — текстовое поле, куда пользователь вводит имя или фамилию.
• Строка — универсальное поле для коротких ответов.
• Несколько строк — подходит для развёрнутых сообщений: описания задачи, вопроса или комментария к заказу.
• Выпадающий список — пользователь нажимает на поле и выбирает один вариант из списка. Удобно, например, для выбора города доставки: «Москва / Санкт-Петербург / Екатеринбург / Краснодар…»
• Варианты ответа — такое поле подойдёт, если вариантов немного, например: «Частное лицо / Компания». Ещё его часто используют в формах-квизах.
• Дата и время — идеально для записи на консультацию или регистрации на мероприятие: выставку, мастер-класс, экскурсию.
• Файл — позволяет прикрепить документ, фотографию или резюме.
• Скрытое поле — не показывается пользователю, но автоматически передаёт данные в заявку.

Совет: добавьте в форму скрытые поля и включите в настройках опцию «Автоматически подставлять UTM-метки». Тогда метки из URL будут попадать прямо в заявку, и в CRM сразу будет видно, из какого канала пришёл клиент.

Как создать форму на Tilda: пошаговая инструкция

Шаг 1: выберите и добавьте шаблон. Для этого зайдите в редактор своего сайта и наведите курсор на нижнюю часть любого блока — появится кнопка «+». Нажмите на неё, чтобы открыть каталог. Далее перейдите в раздел «Форма», там представлены разные шаблоны — они отличаются дизайном и функционалом. Чтобы выбрать подходящий, читайте описание.

Если не знаете, с чего начать, возьмите блок BF204N — это вертикальная форма с несколькими полями, самый универсальный вариант для большинства задач. Для одного поля подойдёт BF201N, а для всплывающего окна — BF502N.

Шаг 2: настройте поля и блоки. В редакторе можно адаптировать форму: добавить или убрать поля, поменять их порядок. В одну форму разрешено добавлять до ста полей — этого хватает для сложных анкет и многошаговых квизов.

Чтобы настроить поля, наведите курсор на добавленный блок — в левом верхнем углу появятся кнопки «Контент» и «Настройки». Нажмите на «Контент» и в боковой панели вы увидите:

• Шапку блока — заголовок и описание формы.
• Поля для ввода — здесь добавляются, удаляются и настраиваются все поля.
• Кнопку — можно менять текст и саму иконку.
• Сообщение об успехе — текст, который появится после отправки заявки.

Перейдите в блок «Поля для ввода» и выберите нужный тип из списка. После этого откроются параметры, настройте все необходимые. Не забудьте включить «Обязательно для заполнения», если без этого поля нельзя обработать заявку.

Далее заполните остальные блоки в разделе «Контент», добавьте заголовок и описание. В секции «Кнопка» задайте текст и выберите действие после клика: показать сообщение об успехе, перейти на другую страницу или открыть ссылку. В «Сообщение об успехе» впишите текст, который увидит пользователь после того, как отправит форму.

Также можно добавить поле с триггером, например: «Ответим в течение 15 минут» или «Уже помогли 200+ компаниям». Это снижает тревогу перед отправкой данных незнакомой компании.

Шаг 3: настройте внешний вид — он влияет на конверсию не меньше, чем текст. Форма, которая сливается с фоном страницы, не привлекает внимания, а контрастная цепляет взгляд. Чтобы задать свой стиль, наведите курсор на блок и нажмите «Настройки». Здесь можно:

• Изменить цвет фона карточки и самой формы.
• Настроить цвет и насыщенность текста в полях и на кнопке.
• Скруглить углы полей и кнопки — мягкие формы воспринимаются дружелюбнее.
• Добавить тени и обводку — это создаёт ощущение глубины и выделяет форму на фоне контента.
• Включить анимацию при появлении блока — форма будет «въезжать» при прокрутке страницы и привлекать дополнительное внимание.

Используйте анимацию аккуратно: она уместна на лендингах, но может раздражать на многостраничных сайтах с высокой плотностью контента. А поля лучше делать немного светлее фона формы — так пользователь сразу поймёт, куда вводить данные.

Кнопка должна быть самым заметным элементом формы — выбирайте для неё контрастный цвет относительно фона. Если сайт светлый, тёмная сработает лучше пастельной, и наоборот.

Шаг 4: добавьте согласие на обработку данных. Для этого выберите тип поля «Галочка» и в настройках напишите: «Я даю согласие на обработку персональных данных в соответствии с политикой конфиденциальности» или нечто подобное. Затем вставьте URL документа с политикой прямо в текст.

Документ можно сгенерировать прямо в личном кабинете конструктора: Настройки сайта → Юридические документы → Политика конфиденциальности. Но мы советуем использовать сгенерированный текст как основу, для полного соответствия всем стандартам лучше доработать его с юристом.

Если планируете отправлять клиентам рекламные письма или сообщения, добавьте чекбокс с согласием на получение маркетинговых материалов. По закону это отдельный вид согласия — объединять его с согласием на обработку данных нельзя. И в отличие от первого чекбокса, этот не должен быть обязательным: пользователь вправе отправить форму без согласия получать рассылку.

Шаг 5: подключите приём данных. В Tilda есть своя CRM — встроенная система хранения заявок, которая автоматически фиксирует все обращения с форм сайта в личном кабинете пользователя. Она доступна даже без дополнительных интеграций, но не присылает уведомлений в реальном времени и не позволяет вести работу с клиентами внутри платформы. Для этого и нужно настроить один или несколько каналов приёма данных.

Перейдите в Настройки сайта → Формы и выберите сервис для интеграции. Tilda поддерживает AmoCRM, Битрикс24, Google Таблицы, Telegram, MAX, VK, UniSender и многое другое. После авторизации заявки будут автоматически попадать в выбранную систему.

Важно: сервисы приёма данных работают только при активной подписке. Если она заканчивается, передача данных из форм прекращается.

Процесс подключения зависит от сервиса. К примеру, для AmoCRM, Битрикс24 и MAX потребуется API-ключ или OAuth-авторизация через аккаунт. Подробные инструкции по каждой интеграции есть в справочном центре конструктора.

В самой форме укажите почту, на которую будут приходить уведомления о новых заявках. И обязательно проверьте соответствие полей формы полям в CRM. Например, в AmoCRM поле «Имя» из формы должно попадать в «Имя контакта», а не в «Комментарий». В ином случае, данные придут, но окажутся не там, где нужно — менеджер потратит время на ручную сортировку.

Шаг 6: протестируйте. Откройте опубликованную страницу в браузере и заполните форму в режиме инкогнито. После отправки заявки проверьте:

• Почту — пришло ли уведомление на указанный адрес, не попало ли в спам.
• CRM или другой сервис — появился ли новый контакт, ушла ли рассылка.
• Страницу после отправки — появилось ли сообщение об успехе.
• Мобильную версию сайта — убедитесь, что поля удобно заполнять, кнопка видна и не обрезана, текст легко читается.

Если что-то не работает, проверьте, опубликована ли страница после последних изменений. Если заявки не приходят на почту — проверьте папку «Спам» и корректность указанного адреса.

Далее периодически проводите A/B-тесты: редактируйте форму, меняйте дизайн, текст и расположение полей. Фиксируйте, как эти изменения влияют на конверсию — в этом помогут инструменты для аналитики вроде Яндекс Метрики. С ней можно узнать, сколько людей доходят до формы, где теряют интерес или спотыкаются.

Как настроить всплывающую форму

Шаг 1: добавьте шаблон. Откройте библиотеку, перейдите в раздел «Форма» и выберите всплывающий блок — например, BF502N. Под формой появится уникальная ссылка-линкхук. Она же будет в «Контенте» этого блока. Название линхука можно менять на произвольное.

Шаг 2: отредактируйте содержимое. Нажмите «Контент» на блоке и заполните форму: добавьте поля, задайте заголовок, текст кнопки и сообщение после отправки — всё как обычно.

Шаг 3: настройте работу формы. Зайдите в «Контент» блока с кнопкой, вставьте скопированный линкхук в поле «Ссылка» — например, #popup:subscription — и сохраните изменения. После этого проверьте страницу в предпросмотре или после публикации: по клику на кнопку должно открываться всплывающее окно.

Шаг 4: добавьте триггер. Если хотите, чтобы окно появлялось автоматически, используйте блок-триггер из категории «Другое». Доступные варианты:

• По таймеру — через N секунд после загрузки страницы.
• При скролле — когда пользователь прокрутил страницу до определённого блока.
• При закрытии страницы — если курсор движется к кнопке закрытия вкладки.

В настройках триггера укажите название блока и задайте частоту показа — например, один раз в три дня.

Популярные ошибки при настройке любой формы

Забыли нажать «Опубликовать» после изменений. Конструктор не сохраняет правки автоматически — каждый раз после редактирования нужно публиковать страницу заново. Если этого не сделать, пользователи будут видеть старую версию.

Не подключили интеграцию с CRM. В таком случае все заявки останутся внутри Tilda. Чтобы не упустить лида, менеджеру придётся постоянно заходить в личный кабинет конструктора и проверять новые обращения.

Сделали слишком много обязательных полей. Пользователи бросают заполнение на полпути, если форма напоминает анкету для загранпаспорта. Оставляйте обязательными только те поля, без которых заявку реально невозможно обработать — как правило, это телефон или почта.

Не отправили тестовую заявку после настройки. Так вы рискуете пропустить ошибку в настройках формы. Отправьте пробную заявку прежде, чем открыть страницу для широкой аудитории, и убедитесь, что данные дошли до нужного места: почты, CRM и прочего.

Не адаптировали форму под воронку продаж. Посетитель, который зашёл на сайт впервые, не готов сразу заполнять подробную анкету. Для холодной аудитории подойдёт простая форма с одним полем, например: «Оставьте почту, пришлём полезный материал». Детальные формы нужны для тех, кто уже прогрет и осознанно выбирает между вами и конкурентами.

Выводы: как создать рабочую форму обратной связи на Tilda

• Форма обратной связи — точка входа в воронку продаж, поэтому важно использовать её на сайте.
• Шаблоны упрощают создание и настройку форм, но важно правильно подобрать их под цели и задачи бизнеса. Обращайте пристальное внимание на расположение полей, кнопок и текста. Тогда вы сократите время на доработки и сделаете форму удобной и понятной для аудитории.
• Периодически обновляйте форму: переписывайте тексты, добавляйте новые элементы, тестируйте разный дизайн. Это поможет найти самый эффективный и кликабельный формат для вашего сайта.

Частые вопросы маркетологов о формах обратной связи на Tilda

Можно ли создать форму на Тильде бесплатно?

Все формы доступны только по платной подписке: Personal обойдётся в 500 ₽/мес, Buisness — в 1 000 ₽/мес. Платный тариф открывает доступ к разделу «Заявки» в личном кабинете — туда попадают все обращения с форм. Чтобы заявки дополнительно приходили на почту или в CRM, подключите сервисы приёма данных.

Обратите внимание: когда подписка заканчивается, передача данных останавливается.

Как форма на Тильде передаёт данные в CRM?

В разделе Настройки сайта → Формы подключите интеграцию с AmoCRM, Битрикс24, Google Таблицами или другим сервисом. После авторизации каждая новая заявка автоматически подгрузится в выбранную систему.

Что делать, если заявки не приходят на почту?

Проверьте, опубликована ли страница после редактирования, и правильно ли указан имейл в настройках формы. Затем отправьте тестовую заявку: если она появилась в разделе «Заявки» личного кабинета, но письмо не пришло — проблема на стороне почтового сервиса или в настройках интеграции.