Как настроить форму приема данных
Настройка полей формы и просмотр заявок внутри Тильды
Посмотрите видеоурок о том, как добавить настроить форму или прочитайте подробную инструкцию ниже.
Формы приема данных — блоки с полями, в которых посетители сайта вводят информацию (email, телефон), а вы получаете ее в сервисы приема данных.
Блоки с формами находятся в категории «Форма», также несколько блоков есть в категории «Обложка», «Контакты», «Подвал».
Готовые страницы опросов (форм с множеством полей) можно найти в шаблонах, в категории «Анкеты».
Рассказываем, как настроить поля в формах, отредактировать их внешний вид и как посмотреть полученные заявки внутри интерфейса Тильды.
Готовые страницы опросов (форм с множеством полей) можно найти в шаблонах, в категории «Анкеты».
Рассказываем, как настроить поля в формах, отредактировать их внешний вид и как посмотреть полученные заявки внутри интерфейса Тильды.
Редактирование полей формы
В одной форме может быть до 100 полей.
Поля в форме настраиваются в меню «Контент» формы во вкладке «Поля для ввода».
Поля в форме настраиваются в меню «Контент» формы во вкладке «Поля для ввода».
Для каждого поля в форме есть отдельная карточка, в которой можно задать тип поля, заголовок и подзаголовок, подсказку значения, имя переменной и обязательность заполнения поля.
Заголовок поля — напишите, какую информацию нужно ввести, например, «Ваше полное имя». Этот текст выводится над полем.
Подзаголовок поля — если необходимо, расшифруйте заголовок, дайте инструкцию, например, «Укажите имя, фамилию и отчество». Этот текст выводится над полем, после заголовка.
Подсказка значения — напишите пример, как должно быть заполнено поле. Например, «Михайлов Сергей Александрович». Этот текст виден внутри поля до ввода в него данных.
Обязательно для заполнения — поставьте галочку, чтобы невозможно было отправить пустое поле, если наличие информации в этом поле критично.
Имя переменной задается по умолчанию в зависимости от типа поля. Если сервис приема данных из форм требует определенное имя переменной, то его можно поменять. Например, свои заранее заданные имена переменных есть у Mailchimp и Bitrix24.
Подзаголовок поля — если необходимо, расшифруйте заголовок, дайте инструкцию, например, «Укажите имя, фамилию и отчество». Этот текст выводится над полем, после заголовка.
Подсказка значения — напишите пример, как должно быть заполнено поле. Например, «Михайлов Сергей Александрович». Этот текст виден внутри поля до ввода в него данных.
Обязательно для заполнения — поставьте галочку, чтобы невозможно было отправить пустое поле, если наличие информации в этом поле критично.
Имя переменной задается по умолчанию в зависимости от типа поля. Если сервис приема данных из форм требует определенное имя переменной, то его можно поменять. Например, свои заранее заданные имена переменных есть у Mailchimp и Bitrix24.
В формах поддерживается несколько типов переменных для разных типов вводимых данных. В таблице ниже описаны типы полей, для чего они используются и что важно знать при их использовании.
Настройка внешнего вида формы
Настроить внешний вид формы можно в Настройках блока. Для формы с несколькими полями можно настроить стиль полей для ввода (самих полей и текста), стиль кнопок и добавить анимацию.
Настройки полей для ввода:
Настройки кнопки:
Общие настройки для всей формы:
- Текст подсказок и заголовков — цвет и насыщенность.
- Цвет галочек, переключателей и других элементов.
- Стиль бордюра — цвет, скругление, толщину, использование только нижнего бордюра.
- Стиль подсказки значения — оставлять видимой подсказку при клике или нет.
Настройки кнопки:
- Цвета фона и бордюра в обычном состоянии и при наведении.
- Тень в обычном состоянии и при наведении.
- Текст — цвет в обычном состоянии и при наведении, шрифт, размер шрифта и насыщенность.
- Скорость анимации при наведении.
Общие настройки для всей формы:
- Ширина формы — в Тильде используется 12-колоночная сетка. Ширину и левый отступ задается в колонках. Чаще всего форма имеет ширину 8 колонок и левый отступ 2 колонки.
- Название формы — не отображается на сайте, но передается в сервисы приема данных и помогает понять из какой формы пришла заявка.
- Анимация — 6 вариантов появления формы.
Просмотр заявок и ошибок отправок форм
После того, как поля формы настроены и приемщики подключены, заявки отправляются в подключенные сервисы. Также их можно посмотреть в Заявках проекта, чтобы проверить правильность данных и узнать причину ошибок отправки.
Сначала нужно перейти в Заявки, которые находятся на странице проекта.
Сначала нужно перейти в Заявки, которые находятся на странице проекта.
Здесь хранятся все заявки из всех форм, независимо от того подключен ли сторонний сервис приема данных или нет.
Если кликнуть на заявку, откроется карточка с подробной информацией о заказе.
Если кликнуть на заявку, откроется карточка с подробной информацией о заказе.
По умолчанию заявки хранятся в течение месяца, но в Настройках сайта → Формы → Общие настройки форм можно поменять срок на 1 день или не сохранять заявки вообще.
Чтобы хранить заявки дольше, а также иметь возможность их редактировать, подключите один (или несколько) из сервисов приема данных из форм.
Чтобы хранить заявки дольше, а также иметь возможность их редактировать, подключите один (или несколько) из сервисов приема данных из форм.
Чтобы посмотреть, есть ли ошибки при передаче данных из форм, нажмите «Журнал ошибок». В журнале ошибок можно увидеть дату, сервис и текст ошибки.
Подключение сервисов приема данных
С Тильдой интегрированы более 24 сервисов приема данных — email, Google Таблицы, сервисы рассылок, мессенждеры и CRM. Добавьте один или несколько, чтобы управлять заявками.
