Как оформить форму заказа в интернет-магазине

Хорошо работают яркие небольшие свернутые кнопки в виде ссылки, когда дополнительные окна появляются при клике на них. Размещают их обычно в правом верхнем углу или на странице контактов.

Обратная связь поможет клиенту уточнить свои вопросы у продавца или получить подтверждение о приеме заказа. Для этого сразу после получения заказа можно отправлять письмо с его номером и примерной датой доставки.

На лендингах лучше всего работают веб-формы, размещенные после описания услуг.

Каждый вид бизнеса индивидуален, поэтому создавайте веб-форму индивидуально. Но есть общие моменты:

• структура;
  
• поле ввода;
  
• строки меток;
  
• кнопки действий;
  
• проверка/обратная связь.
  

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

Оставшиеся вопросы должны быть важными и иметь логическую последовательность. В противном случае посетитель запутается.

Как формировать структуру:

В полях ввода пользователи отвечают на вопросы, прописывают пароль, выбирают правильный вариант из списка. Есть разные виды текстовых полей. Тестируя форму, надо убедиться, что они подобраны правильно.

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

Не злоупотребляйте использованием Caps Lock. Хорошо, если каждый вопрос начинается с заглавной буквы. Варианты, где каждое слово предложения написано с большой буквы или все буквы большие, — неудачные. Такие надписи раздражают и затрудняют чтение.

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

Что нужно учесть в мобильной форме:

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

Форма оформления заказа — важнейший элемент веб-сайта. Она влияет на то, что данные о заказе будут приходить. Убедитесь, что в ней продуманы:

• структура;
  
• поля ввода;
  
• метки;
• кнопки;
• обратная связь.
  

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