Как избавиться от больших форм на сайте. Кейс arttsapko.ru
Пост о том, как на примере сайта arttsapko.ru можно создать #сайтбезформ — то есть без форм с большим количеством полей.
В чём проблема с формами
Во-первых, они занимают много места. Во-вторых, большие формы для сбора информации относительно сложны в разработке и поддержке — если надо что-то поменять, то потребуется править как минимум HTML, а как максимум HTML+CSS+JS и дебажить, то есть проверять код на ошибки. В общем, так — не хочется. Хочется проще и быстрее.
Как мы избавлялись от большой формы
Кейс arttsapko.ru интересен тем, что там мы собираем много информации о пользователях, чтобы выслать ему тот бесплатный урок по рисованию, который подойдёт под его вкусы и уровень. Попутно нам хочется узнать дополнительную информацию, чтобы сегментировать клиентов и понимать свою аудиторию. Для этого нам надо задать минимум 6 вопросов:
- предпочтения в рисовании,
- уровень рисования,
- цель,
- возраст,
- имя,
- почта.
- и нам хочется знать город.
В итоге 7 вопросов. И это не предел.
HTML
Сначала для решения задачи я построил большую HTML-форму, которая отправляла данные напрямую в MailChimp. Создавать такое я умею, но лишний раз этим заниматься не люблю — долго.
От HTML к Typeform
Когда нам нужно было существенно переработать форму, я решил использовать сервис Typeform. Получилась анкета, которая открывалась прямо на сайте. В итоге менять содержимое и дизайн формы стало намного проще, но несколько моментов всё ещё не устраивали:
- Загрузка формы долгая — до 10 секунд.
- Пока форма не заполнена полностью данные к нам не попадают — зачем ждать, если можно отправлять данные после ответа на каждый вопрос?
- Typeform стоит ~2000 рублей в месяц.
- Встроенный Typeform показался очень похожим на чат онлайн-консультанта и появилась идея — а что если соединить чат и анкету? Тогда не нужно держать на сайте 2 сервиса — с поддержкой и автоматическим сбором информации справится один.
От Typeform к Soyuz.chat
В итоге мы разработали такое решение — сервис Soyuz.chat. Для решения этой задачи мы просто создали сценарий, который автоматически задаёт вопросы по-порядку и получает ту же самую информацию быстрее, надёжнее и дешевле Typeform — 890 рублей вместо 2000. В итоге все первичные формы обращения на arttsapko.ru мы заменили на сценарии Soyuz.chat: сбор анкеты + заказ подарочного сертификата.
Упомянутые сервисы



Комментариев пока не было