Дизайн — статьи о сайтах
Форма заявки — место, где посетитель превращается в покупателя или уходит. Для магазина косметики это особенно заметно: товар недорогой, выбор большой, а конкуренты открыты в соседней вкладке. Если форма просит слишком много, человек откладывает заказ и не возвращается. Разберём, из каких полей она должна состоять.
С какой задачи начать выбор полей
В магазине косметики «заявкой» называют разные формы, и набор полей у них разный:
- быстрый заказ на карточке товара;
- оформление корзины с доставкой;
- запрос на консультацию по подбору средства;
- уведомление о поступлении товара, которого нет в наличии;
- заявка на пробники или набор.
Не пытайтесь собрать всё одной формой. Для каждой задачи определите, без какой информации сотрудник не сможет сделать следующий шаг. Всё остальное можно уточнить позже.
Обязательный минимум для быстрой заявки
Для быстрого заказа обычно хватает двух полей: имя и телефон. Имя нужно, чтобы менеджер обратился к человеку по имени. Телефон нужен для подтверждения. Если вы подтверждаете заказы только по почте, оставьте одно поле, e-mail, и не просите оба контакта сразу.
Добавьте к телефону маску ввода и подсказку формата. Сообщение об ошибке должно быть конкретным: «Введите номер в формате +7 900 000-00-00», а не «Неверные данные». Ошибку показывайте рядом с полем, а введённое в других полях не стирайте.
Что убрать или отложить на следующий шаг
В формах косметических магазинов чаще всего лишние такие поля:
- Фамилия и отчество. Для доставки они понадобятся, но не в момент первой заявки.
- Полный адрес в быстром заказе. Его удобнее уточнить по телефону или на шаге доставки.
- Повтор e-mail или пароля. Пусть покупатель оформляет заказ без регистрации, а аккаунт предлагает создать уже после.
- Дата рождения. Её просят ради поздравлений и скидок, но на заявку она не влияет. Её можно предложить в личном кабинете.
- «Как вы узнали о нас?» Обычно это нужно маркетологу, а не покупателю. Если вопрос важен, сделайте его необязательным списком после отправки.
Поле «Комментарий» оставляйте необязательным и свёрнутым: ссылка «Добавить комментарий к заказу» не отпугивает тех, кому комментарий не нужен.
Поля, которые имеют смысл именно для косметики
Если магазин предлагает консультацию по подбору, полезны необязательные поля с готовыми вариантами: «Что ищете» (уход за лицом, волосами, макияж, парфюмерия) и «Бюджет». Выпадающий список или кнопки быстрее свободного текста и дают менеджеру понятную стартовую точку. Какие вопросы задавать и как отвечать клиенту, решает сам магазин. Сайт должен только аккуратно собрать ответ.
Для товара «нет в наличии» достаточно одного поля: e-mail или телефон для уведомления. Название товара и оттенок подставьте в форму автоматически, чтобы человеку не пришлось их вводить. Если у товара есть варианты (тон тонального крема, объём), выбор должен быть частью самой формы, а не комментарием.
Если вы собираете согласие на обработку персональных данных или рассылку, оформите это отдельным понятным чекбоксом рядом с кнопкой. Формулировку лучше согласовать с юристом. Чекбокс рассылки не должен быть отмечен заранее.
Условный пример: быстрый заказ на карточке крема
Представим карточку «Увлажняющий крем для лица, 50 мл». Под ценой расположена форма:
- заголовок: «Заказать в один шаг»;
- строка с товаром, подставленная автоматически: «Крем увлажняющий, 50 мл, 1 шт.» со ссылкой «изменить количество»;
- поле «Имя»;
- поле «Телефон» с подсказкой «Позвоним, чтобы подтвердить заказ и уточнить доставку»;
- ссылка «Добавить комментарий»;
- кнопка «Заказать» вместо «Отправить»;
- мелким шрифтом под кнопкой: ссылка на политику обработки данных.
После отправки пользователь видит не просто «Спасибо», а следующий шаг: «Заявка № 125 принята. Менеджер позвонит в рабочее время; если сейчас нерабочие часы, то в начале следующего рабочего дня». Номер заявки и время ожидания снижают число повторных отправок и звонков «а мой заказ дошёл?».
Проверочный список перед запуском
- У каждой формы определена одна задача.
- Каждое обязательное поле нужно для следующего шага, а не «на всякий случай».
- Название товара, вариант и количество подставляются автоматически.
- Поля удобны на телефоне: для телефонного номера открывается цифровая клавиатура, для почты используется соответствующий тип поля.
- Ошибки показаны у поля, введённые данные сохраняются.
- Подпись на кнопке описывает действие.
- После отправки понятно, что произойдёт дальше и когда.
- Заявки действительно приходят сотруднику: пробную отправку проверили на реальной почте или в CRM.
- Чекбоксы согласий не отмечены заранее, формулировки согласованы с юристом.
Хороший способ проверить форму — заполнить её самому на телефоне, стоя в очереди. Каждое место, где вы запнулись, стоит упростить или убрать.
