Идеальная форма на сайте
Всего-то 5 полей, а ушло несколько часов совместной работы с нашим дизайнером Даней. О чём нужно было подумать:
1. Формы заявки — самое чувствительное место. Потеря 1 заявки для нас, потеря ~20 тыс рублей
2. Если можно не делать что-то, что усложняет логику, но это не увеличивает конверсию, то отказываемся. Например кастомные ошибки, ajax-отправка и т.п.
3. При этом https://baymard.com/premium/blog/adaptive-validation-error-messages даёт классный совет, что ошибки могут быть не просто «вы не заполнили почту», а «а вы пропустили точку в ivan@gmailcom», но откажемся в пользу стабильности.
4. Каптчи — нафиг. писал алгоритм, как мы отказались.
5. Есть заявки у которых нет почты, сейчас она необязательна. Посчитали таких 10%. Помню в 2008 году встречал, что у людей просто почты нет, потому что не знают что это. Сейчас все знают, но некоторые отказались. Решили оставить, так как там часто домен компании — важная информация на этапе заявки, если не запрашивать компанию.
6. Телефон необязательно, но визуально предыдущие два поля обязательные, а тут на этом месте выбор связи.
7. Устали от того, что кто-то в поле телефона хочет вставить телеграм, но не догадывается. Решили сделать возможность выбора как связаться. Для некоторых звонки внезапные — дурной тон.
8. Сразу в тексте формы подсказка. как можно связаться проактивно. Почта или телеграм. Телефон решили убрать, хотя в том году несколько продаж с телефона было, но кмк отмирает.
9. Форма покрывает только часть заявок, причем меньшая — большая это личный контакт по телефону или телеграму. И в таком кейсе сайт нужен как промежуточная точка контакта.
10. Обработка у нас идёт долго, так как отправляется на почту, в n8n, и amoCrm. Можно было бы сделать очереди, но опять таки технически делаем топорно, чтобы меньше багов было. Поэтому после клика — кнопка пропадает и анимация, чтобы не нажимали повторно.
Еще не опубликовали, но скриншот в посте. Дальше — автоматизация обработки данных от пользователя. Какие страницы посещал, если есть сайт, то просканировать весь сайт, чтобы найти ИНН, дополнительную информацию о компании.
Сохраняйте себе, на случай, если тоже будете переделывать форму на сайте