Как настроить форму приема данных

Настройка полей формы и просмотр заявок внутри Тильды
Формы приема данных — блоки с полями, в которых посетители сайта вводят информацию (email, телефон), а вы получаете ее в сервисы приема данных.
Блоки с формами находятся в категории «Форма и кнопка», также несколько блоков есть в категории «Обложка».

Готовые страницы опросов (форм с множеством полей) можно найти в шаблонах, в категории «Анкеты».

Рассказываем, как настроить поля в формах, отредактировать их внешний вид и как посмотреть полученные заявки внутри интерфейса Тильды.
Редактирование полей формы
В одной форме может быть неограниченное количество полей.

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

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

Подсказка значения — напишите пример, как должно быть заполнено поле. Например, «Михайлов Сергей Александрович». Этот текст виден внутри поля до ввода в него данных.

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

Имя переменной задается по умолчанию в зависимости от типа поля. Если сервис приема данных из форм требует определенное имя переменной, то его можно поменять. Например, свои заранее заданные имена переменных есть у Mailchimp и Bitrix24.
В формах поддерживается несколько типов переменных для разных типов вводимых данных. В таблице ниже описаны типы полей, для чего они используются и что важно знать при их использовании.
Настройка внешнего вида формы
Настроить внешний вид формы можно в Настройках блока. Для формы с несколькими полями можно настроить стиль полей для ввода (самих полей и текста), стиль кнопок и добавить анимацию.
Настройки полей для ввода:
  • Текст подсказок и заголовков — цвет и насыщенность.
  • Цвет галочек, переключателей и других элементов.
  • Стиль бордюра — цвет, скругление, толщину, использование только нижнего бордюра.
  • Стиль подсказки значения — оставлять видимой подсказку при клике или нет.

Настройки кнопки:

  • Цвета фона и бордюра в обычном состоянии и при наведении.
  • Тень в обычном состоянии и при наведении.
  • Текст — цвет в обычном состоянии и при наведении, шрифт, размер шрифта и насыщенность.
  • Скорость анимации при наведении.

Общие настройки для всей формы:
  • Ширина формы — в Тильде используется 12-колоночная сетка. Ширину и левый отступ задается в колонках. Чаще всего форма имеет ширину 8 колонок и левый отступ 2 колонки.
  • Название формы — не отображается на сайте, но передается в сервисы приема данных и помогает понять из какой формы пришла заявка.
  • Анимация — 6 вариантов появления формы.
Просмотр заявок и ошибок отправок форм
После того, как поля формы настроены и приемщики подключены, заявки отправляются в подключенные сервисы. Также их можно посмотреть в Заявках проекта, чтобы проверить правильность данных и узнать причину ошибок отправки.

Сначала нужно перейти в Заявки, которые находятся на странице проекта.
Здесь хранятся все заявки из всех форм, независимо от того подключен ли сторонний сервис приема данных или нет.

Если кликнуть на заявку, откроется карточка с подробной информацией о заказе.
По умолчанию заявки хранятся в течение месяца, но в Настройках сайта → Формы → Общие настройки форм можно поменять срок на 1 день или не сохранять заявки вообще.

Чтобы хранить заявки дольше, а также иметь возможность их редактировать, подключите один (или несколько) из сервисов приема данных из форм.
Чтобы посмотреть, если ли ошибки при передаче данных из форм, нажмите «Журнал ошибок». В журнале ошибок можно увидеть дату, сервис и текст ошибки.
Подключение сервисов приема данных
С Тильдой интегрированы 15 сервисов приема данных — email, Google Таблицы, сервисы рассылок, мессенждеры и CRM. Добавьте один или несколько, чтобы управлять заявками.
Made on
Tilda