Оформление заказа в интернет-магазине: доставка, самовывоз и данные покупателя

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

На этом этапе система должна показывать только доступные варианты и сразу объяснять ограничения: доставка не работает в выбранном городе, пункт выдачи не подходит по габаритам, поле заполнено с ошибкой.

В статье разберем, как устроить оформление заказа: выбор города, доставку, самовывоз, адреса, данные физлиц и юрлиц, проверку полей и виджет этапов.

Как устроен процесс оформления заказа

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

Если пользователь меняет город, система обновляет доставку и самовывоз, пересчитывает сроки и стоимость. 

При возврате на предыдущий шаг уже введенные данные сохраняются.

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

Выбор города

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

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

Если доставка в город недоступна, интерфейс должен показать понятное сообщение и предложить другой способ получения.

Доставка: сроки, стоимость и ограничения

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

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

Ограничения нужно объяснять до оплаты: доставка недоступна, товар слишком крупный, превышен лимит по весу или нужен другой способ получения.

Адрес доставки

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

В форме адреса стоит предусмотреть:

• Город

• Улицу

• Дом

• Квартиру или офис

• Имя получателя

• Телефон

• Комментарий для курьера

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

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

Самовывоз и пункты выдачи

Если пользователь выбирает самовывоз, система показывает доступные пункты в выбранном городе. Удобно дать два режима: список и карту.

В карточке пункта выдачи стоит показать:

• Адрес

• График работы

• Способы оплаты

• Срок получения

• Ограничения по весу и габаритам

• Кнопку выбора пункта

После выбора пункта система обновляет срок получения и сохраняет данные в заказе. Если точка временно закрыта, перегружена или не принимает товары нужного размера, ее лучше скрыть или сразу показать ограничение.

Данные покупателя

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

В базовой форме достаточно:

• Имя

• Фамилия

• Телефон

• E-mail

• Комментарий к заказу

Если пользователь авторизован, данные можно подтянуть из личного кабинета. При этом форма должна позволять изменить телефон или e-mail для конкретного заказа.

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

Физическое лицо и юридическое лицо

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

Для физлица обычно достаточно имени, фамилии, телефона и e-mail. Для юрлица нужны данные компании:

• Название организации

• ИНН

• КПП

• Юридический адрес

• Контактное лицо

• Телефон

• E-mail

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

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

Виджет этапов оформления заказа

Виджет этапов показывает, где пользователь находится в процессе оформления.

Он должен сохранять выбранные параметры и позволять вернуться назад без потери данных. Если пользователь меняет город или способ получения, система пересчитывает доступные варианты и предупреждает, если часть условий изменилась.

В виджете можно показывать краткую сводку:

• Выбранный город

• Способ получения

• Адрес или пункт выдачи

• Контактные данные

• Статус заполнения шага

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

Заключение

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

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