Как сделать страницу оформления заказа на сайте: варианты организации этапа оформления в интернет-магазине
Мы писали подробно о том, почему пользователи бросают свои корзины, и разобрали решения, которые помогут улучшить чекаут в интернет-магазине, облегчить клиентам оформление заказов и побудить их к покупке.
Профессиональный подход к разработке страницы оформления заказа позволяет не только сэкономить время пользователя, но и повысить конверсию в продажу. Рассмотрим варианты организации этого этапа и расскажем, как сделать процесс оформления максимально понятным пользователю как в b2b, так и в b2c-сегменте.
Пошаговое оформление заказа
Эффективный метод, который продолжает успешно работать: каждый этап отображается на отдельной странице.
Пользователь пошагово заполняет данные на отдельных страницах: контактную информацию, адрес доставки и способ оплаты. Клиент видит только один этап за раз, и процесс заполнения данных воспринимается легче.
Например, в одном нашем проекте процесс заказа состоит из 4 шагов (страниц) — Корзина, Договор, Условия доставки, Подтверждение заказа. Корзина является первым этапом в оформлении заказа, так как пользователи привыкли проверять и дополнять свой заказ перед дальнейшим этапом, в нашем случае — заполнении информации в договоре. Преимущества такого подхода: Недостатки пошагового оформления: Способ будет актуален в b2b-сегменте, где клиенту нужно ввести не только свои, но и данные компании для заказа, в этом случае пошаговое заполнение данных будет преимуществом. Оформление заказа на одной странице — вариант для пользователей, которые предпочитают иметь доступ ко всей информации сразу. Преимущества одностраничного оформления заказа: Для сайта косметики мы организовали одностраничное оформление заказа, где нужно заполнить минимум информации, реализовали расчет стоимости доставки разными транспортными компаниями, а также добавили возможность для пользователя изменить количество товара в корзине и добавить и товар из блока допродаж. Из минусов такого варианта оформления выделим: Чтобы уместить всю информацию на одной странице, на одном из оптовых онлайн-порталов мы сделали возможность свернуть/развернуть блоки и заполнять их поочередно. Это экономит место на странице и время пользователя, а также не отвлекает внимание на множество полей, которые предстоит заполнить. Покупателю не нужно перемещаться между шагами — он может начать заполнять информацию в любой из форм, а после заполнения скрыть форму и перейти к другой. Чтобы выбрать оптимальный способ оформления заказа, стоит учитывать потребности и предпочтения своей целевой аудитории и специфику работы с клиентами. Рассмотрим отличия в процессе оформления заказа для оптовых и розничных пользователей. В процессе оформления заказа у розничных и оптовых покупателей разные ценности, которые нужно учитывать при создании страницы оформления заказа. В b2c-сегменте важна скорость заказа, возможность ввести как можно меньше данных, сделать покупку без регистрации. Розничные покупатели часто совершают импульсивные покупки, когда появляется внезапное «хочу» или на глаза попадается информация о распродаже или акции, или о том, что осталось мало товаров в наличии. К тому в рознице клиент не покупает много товаров, он может выбрать всего один и захотеть скорее оформить заказ. В b2b-сегменте ситуация иная. Здесь важна безопасность, так как часто требуется авторизация как юридического лица, поэтому перед тем как приступить к оформлению заказа, b2b клиент должен зарегистрироваться на сайте и войти в свой аккаунт. В то время как для b2c клиентов может быть предусмотрена возможность оформления заказа без регистрации. Имеет свои особенности и процесс заполнения информации: в b2b нужно указать юридическую информацию о компании, контактное лицо, выбрать договор, и т.д. Для b2b-клиентов часто предусмотрены поля для указания специфических требований к товарам, таких как размер, цвет, материал и т.д. В b2c эти поля могут быть неактивными или отсутствовать. Также у оптовых магазинов есть право устанавливать минимальные суммы и объем товаров для заказа. Эта функция практически не встречается в розничных магазинах. Но при этом у b2b покупателей могут быть оптовые скидки, скидки по объему заказа, а также персональные скидки по программе лояльности. Для B2C клиентов обычно действуют общедоступные скидки и промо-коды. Указывайте эти функции и возможности на странице оформления, чтобы стимулировать b2b-клиентов к покупке. Что еще важно в b2b? Поскольку оптовые клиенты совершают сделки крупными партиями, для них важны упаковка, вес и габариты посылки, поскольку от этого зависит общая стоимость закупки с учетом услуг грузоперевозки, а также дополнительные способы оплаты. На странице оформления заказа часто доступны способы оплаты и доставки, такие как отсроченный платеж или собственный транспорт. В b2b процесс оформления заказа может быть не быстрым, поскольку в сделке может участвовать несколько лиц, отсюда требования к удобству сайта и к безопасности данных даже выше, чем в b2c. Для обоих сегментов важно, чтобы любом шаге оформления можно было скорректировать заказ, при этом чтобы ранее заполненная информация для заказа сохранилась, а весь процесс был прозрачным, удобным и безопасным. Добавьте на сайте возможность связаться с консультантом по телефону, в Телеграме или Вотсапе, или по электронной почте. Заказ по телефону уступает по популярности онлайн-покупкам, но все же имеет место быть. Например, на некоторых корпоративных сайтах есть каталог, но не предусмотрена возможность оплаты заказа онлайн, есть только возможность оставить заявку на товар. Далее с покупателем, оставившим заявку, связывается менеджер. Удобный способ для пользователей, которые не любят тратить свое время на заполнение данных, а хотят сделать заказ по телефону и проконсультироваться с менеджером. Это минимизирует количество брошенных корзин и позволяет быстрее перейти к целевому действию. Пользователю нужно только ввести номер телефона для связи. Есть свои минусы у этого способа, поскольку можно заказать за один раз только один товар; есть риск, что пользователь введет неверный телефон для связи; тратится время менеджеров на обработку заказов. Также успех сделки зависит от работы менеджера, от того, насколько грамотно он проконсультировал клиента, насколько быстро оформил заказ. Какой бы вариант организации страницы оформления заказа в b2c онлайн-магазине вы не выбрали, розничный покупатель может не дойти до совершения заказа, если потребуется обязательная регистрация на сайте. Дайте возможность сделать заказ без регистрации, чтобы не терять покупателя. Если он сможет так же, как авторизованный пользователь, пользоваться всеми функциями сайта без ограничений: добавлять товары в избранное, сравнивать, отправлять в корзину, оставлять товары в корзине с возможностью вернуться к ним, — это позитивно повлияет на пользовательский опыт и конверсию. Если же необходимо добыть данные покупателя, вы можете сделать это в фоновом режиме, когда покупатель будет заполнять данные на странице оформления заказа и подтверждать его, он автоматически попадет в базу и зарегистрируется сайте. У клиента появится личный кабинет с историей заказов и возможность отслеживать их статусы. Попробуйте объединить корзину и страницу оформления заказа, чтобы пользователю не пришлось делать много действий и переходить по страницам. Однако разделение страницы корзины и оформления заказа позволит легче отслеживать, на каком этапе уходят пользователи. Чтобы понять, стоит объединять или разделять корзину и страницу оформления — проанализируйте, какой вариант увеличит конверсию. Протестируйте разные гипотезы, чтобы выбрать верное решение. Вот некоторые рекомендации для создания интерфейса страницы заказа: Анализируя опыт использования вашего сайта, вы сможете узнать, какие барьеры встречают пользователи на пути к целевому действию, и разработать решения, которые подойдут именно вашему сайту и вашей целевой аудитории. Больше наших кейсов, статей, практических рекомендаций для предпринимателей и маркетологов про разработку, маркетинг, аналитику, дизайн на нашем сайте: https://webest.ru/ ❤
Одностраничное оформление заказа
Процесс оформления заказа для b2b и b2c клиентов
Дополнительные способы оформления заказа
Заказ через менеджера
Быстрый заказ в «один клик»
Основная ошибка, которая снижает конверсию в b2c
Тестируйте варианты страниц
Как улучшить процесс оформления заказа: общие рекомендации
