Чтобы удобно обрабатывать заявки, полученные с форм, необходимо подключить сервисы приема данных. В Тильде вы можете выбрать, каким образом хотите получать данные: на электронную почту, в Google-документ или в интегрированные сервисы, такие как MailChimp, GetResponse, UniSender, SendGrid, amoCRM, Мегаплан и многие другие. Для примера мы покажем как настроить получение заявки с формы на вашу электронную почту и в телеграмм.

ЗАЯВКИ С ФОРМЫ НА ПОЧТУ

Настроить получение заявок на почту — легко и быстро. Чтобы подключить сервис, выполните следующие действия:

1. Зайдите в раздел "Мои сайты" и выберите нужный сайт.

2. Нажмите на кнопку “Настройки сайта” в правом верхнем углу экрана. Выберите раздел "Формы" в левой части панели настроек.

3. В разделе “Формы” найдите пункт “Сервисы приёма данных из форм”. Выберите “Email” из часто используемых сервисов.

4. Введите адрес электронной почты, на который будут приходить заявки, и нажмите кнопку "Далее".

5. На указанный e-mail придет письмо с ссылкой подтверждения. Перейдите в вашу электронную почту и найдите письмо активации почты от Тильда. Следуйте ссылке для активации сервиса приёма данных.

6. После активации сервиса приёма данных, перейдите к форме и откройте панель редактирования контента. В разделе “ПРИЕМ ДАННЫХ ИЗ ФОРМЫ” активируйте добавленную почту, нажав на галочку напротив адреса.

ЗАЯВКИ С ФОРМЫ В ТЕЛЕГРАММ

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

1. Нажмите на эту ссылку для перехода к боту и нажмите кнопку "START", если вы впервые обращаетесь к боту. Если вы уже использовали бота, просто напишите команду /start.
2. В ответ на ваш запрос бот отправит вам API key и Secret key. Скопируйте эти данные.
3. Зайдите в раздел "Мои сайты" и выберите нужный сайт.
4. Нажмите на кнопку "Настройки сайта" в правом верхнем углу экрана и выберите раздел "Формы" в левой части панели настроек.
5. В разделе "Формы" найдите пункт "Сервисы приёма данных из форм" и выберите "Telegram" из часто используемых сервисов.
6. Вставьте API key и Secret key, полученные в Telegram, в соответствующую форму.
7. Если вы все сделали правильно, в Telegram придет сообщение "Done! Telegram has been successfully updated as your data collection service on Tilda", и загрузится страница со списком приемщиков.
8. Вернитесь на страницу с формой, откройте меню блока "Контент" и отметьте галочкой "Telegram". Опубликуйте страницу.

Готово! Теперь вы будете получать заявки в телеграмм.

Для того чтобы узнать как настроить остальные сервисы приёма данных, перейдите по ссылке

Помимо стандартных блоков с формами от Тильда, вы можете создать и оформить форму в Zero block. Для того чтобы создать форма в Zero block нужно сделать следующие действия:
ДОБАВЛЕНИЕ ФОРМЫ В ZERO BLOCK

1. Зайдите в раздел "Мои сайты" и выберите нужный сайт.
2. Выберите страницу, на которой вы хотите добавить форму, и откройте ее в редакторе.
3. После вам нужно открыть каталог блоков, для этого наведите курсор в нижнюю часть блока и нажмите на иконку “+”.
4. В открывшейся панели пролистайте вниз и нажмите на кнопку “Нулевой блок”.
5. После появления блока, наведите на левый верхний угол блока и нажмите на кнопку "Редактировать блок", чтобы открыть режим редактирования Zero Block.
6. В режиме редактирования наведите курсор в левый верхний угол и нажмите икноку “+” и выберите пункт “Add form”.
7. Разместите его в нужном вам месте в пределах блока.
8. Для редактирования формы нужно открыть панель настроек. Для того чтобы открыть панель настроек наведите курсор в правый нижний угол и нажмите кнопку “Settings”. В правой части экрана у вас отобразится панель настроек.

АДАПТИВ ФОРМЫ В ZERO BLOCK

Важно тщательно проверить адаптацию формы на разных разрешениях мобильных устройств. В Tilda вы можете легко адаптировать контент в рамках блока для следующих разрешений: 320px—480px; 480px—640px; 640px—960px; 960px—1200px; 1200px—MAX. Чтобы проверить адаптацию на каждом разрешении, последовательно нажимайте на представленные опции в верхней части экрана и подстраивайте контент так, чтобы он соответствовал границам блока.

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

Для того чтобы сделать формы более эффективными, нужно учитывать множество ключевых моментов. Я собрал 11 основных факторов, которые важно учитывать при создании формы, чтобы она была максимально эффективной:

[1] СТРУКТУРА ФОРМЫ

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

[2] ОДНА КОЛОНКА ИЛИ НЕСКОЛЬКО

Решение о том, должна ли форма иметь одну колонку или две, зависит от конкретного контекста использования формы. В случае небольшого количества полей лучше использовать одноколоночную форму. Если же полей много, можно использовать многоколоночную форму, при условии, что поля будут логически группироваться и будут иметь взаимосвязь. Это позволит упростить заполнение формы и сделает ее более удобной для пользователей. Кроме того, можно использовать функцию "разбиение по шагам", чтобы разделить заполнение формы на несколько этапов и упростить процесс заполнения. Однако, нужно помнить, что использование многоколоночных форм может быть затруднительным для пользователей, поэтому важно облегчить процесс заполнения формы.

[3] ГРУППИРУЙТЕ ВЗАИМОСВЯЗАННЫЕ ПОЛЯ

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

[4] КОЛИЧЕСТВО ПОЛЕЙ

Рекомендуется минимизировать количество полей в форме, чтобы избежать ее перегрузки, особенно если требуется большой объем информации от пользователей. Однако, следует избегать избыточной оптимизации: не стоит создавать форму слишком скудной, тогда она может стать неэффективной из-за необходимости пользователей в дополнительной информации. Для удобство вы можете воспользоваться типом поля “Разбиение по шагам”, он поможет разделить форму на несколько шагов и упростит её заполнение. Кроме того, важно помнить, что пользователи не хотят заполнять формы слишком долго, поэтому необходимо сбалансировать количество полей в форме, чтобы пользователи чувствовали себя комфортно.

[5] ПОДСКАЗКИ ДЛЯ ПОЛЕЙ

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

[6] ОБЯЗАТЕЛЬНЫЕ И НЕОБЯЗАТЕЛЬНЫЕ ПОЛЯ

При создании формы важно помнить, что чем меньше обязательных полей, тем удобнее для пользователя заполнять ее. Но если вы не можете обойтись без дополнительных полей, то обязательно отметьте их как таковые, чтобы пользователь знал, какую информацию необходимо заполнить. Для этого можно использовать звездочку (*), которая обозначит обязательные поля, или написать "не обязательно" рядом с полями, которые можно оставить пустыми. Также не забывайте включать функцию “Обязательно для заполнения” в типах полей. При отправки данных система покажет какое поле пользователь упустил и откажет в отправке заявки. Таким образом пользователь не упустит заполнение важной информации.

[7] ИСПОЛЬЗОВАНИЕ ВАЛИДАЦИИ ПОЛЕЙ

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

[8] ОПТИМИЗАЦИЯ КНОПКИ ОТПРАВКИ

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

[9] РАЗМЕЩЕНИЕ ФОРМЫ НА СТРАНИЦЕ

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

[10] ТЕСТИРОВАНИЕ ФОРМЫ

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

[11] АНАЛИЗ РЕЗУЛЬТАТОВ

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