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

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

Но так ли обстоят дела на самом деле? Предлагаем вам ознакомиться с некоторыми формами оформления заказа на коммерческих сайтах.

Примеры страниц оформления заказа на коммерческих сайтах

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

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

Данную информацию у пользователя можно запросить на странице подтверждения заказа, автоматически сгенерировать и только потом предложить пользователю «создать пароль». И зачем вынуждать пользователя регистрироваться еще до решения что-либо у вас купить, когда весь процесс можно «провернуть» почти незаметно в ходе оформления заказа?
Вот пример того, как компания «ASOS» упростила свою регистрационную страницу с:

(Рис. Клиенты, уже пользовавшиеся услугами сайта «ASOS», должны ввести адрес электронной почты и пароль, а новым клиентам необходимо создать аккаунт)

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

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

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

Компания «Macy’s»
Вот еще один прекрасный пример – приятная, понятная и не перегруженная страница, которая обращает внимание пользователей на ключевые моменты:

(Рис. Если вы уже ранее что-либо покупали на сайте, то вы можете зайти на страницу своих заказов, введя адрес эл. почты и пароль. Новичкам только после выбора товара предлагают перейти на страницу оформления заказа, нажав на кнопку «Сделать расчет как гостю». При этом автоматически будет создан профайл).

«Macy’s» хорошо справились с этой задачей еще и потому, что на странице оформления заказа покупателям дается информация по возврату и доставке товара (при щелчке на значки «коробка» и «замок»), а вверху страницы указан номер, по которому можно позвонить и уточнить всю необходимую информацию. Согласитесь, что подобный подход к делу внушает доверие и уважение.

Компания «Walmart»
На своей странице оформления заказа компания «Walmart» предлагает гостям опции по созданию аккаунта либо по дальнейшему оформлению заказа без его создания. Т.е. у нового покупателя есть выбор – сэкономить время «здесь и сейчас» либо в будущем:

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

Компания «Sears»
Интересный подход к данному вопросу проявила компания «Sears», которая решила, что страница входа в систему для постоянных клиентов им не нужна. Поэтому компания отправляет всех своих пользователей сразу на страницу оформления заказа.
Так выглядела их страница оформления заказа раньше:

А так она выглядит сейчас:

Все предельно понятно (необходимо ввести адрес доставки, имя получателя и email), нет никаких барьеров для оформления покупки.

Компания «WHSmith»
Еще один образец для подражания. Очень аккуратная страница, не принуждающая пользователя к обязательной регистрации:

(Рис. Пользователя просят ввести email и ненавязчиво спрашивают, есть ли у него пароль для входа на сайт)

Компания «Tesco»
Совершенно другой подход демонстрирует компания «Tesco». На их сайте обязательная регистрация пользователей осуществляется до оформления заказа.
Возможно, это связано с тем, что компания достаточно большая, у нее много постоянных пользователей с клубной картой, поэтому процесс регистрации не рассматривается как барьер.

(Рис. Войти, введя адрес эл. почты и пароль. Зарегистрироваться, введя адрес эл. почты, почтовый код и номер клубной карты)

Такой подход, думаю, может отпугнуть ряд случайных покупателей, поэтому можно посоветовать «Tesco» все-таки попробовать ввести оформление заказа и для случайных гостей сайта и отследить результат.

Компания «John Lewis»
Еще один прекрасный пример оформления страницы заказа. Здесь нет условия обязательной регистрации всех пользователей, а на самой страничке представлены все необходимые контактные данные компании, предложена функция безопасного подтверждения заказа (оформление заказа можно продолжить только пройдя по ссылке, высланной на электронный адрес):

(Рис. Пользователя просят ввести email, на который будет выслана ссылка по дальнейшему оформлению заказа)

Компания «Boots»
Ранее мы уже рассматривали сайт компании «Boots», у которой обязательная регистрация перед оформлением заказа может быть одним из факторов, негативно отражающимся на уровне продаж:

(Рис. Войти в систему оформления заказа через email и пароль или зарегистрироваться на сайте, прежде чем начать делать покупки)

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

(Рис. Посетителю предлагают ввести электронный адрес и указать, является он новым покупателем (тогда надо щелкнуть по ниже располагающейся желтой кнопке) или уже пользовался услугами «Amazon» (тогда вводится пароль)).

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

(Рис. Нового покупателя просят ввести имя, адрес эл. почты, номер контактного телефона (опционально) и пароль).

Компания «House of Fraser»

У них очень простая страничка оформления заказа, которая не представляет собой никакого барьера для совершения покупки:

(Рис. Просят войти или продолжить оформление заказа в качестве гостя, указав для начала лишь свой email).

Компания «American Apparel»

Компании «American Apparel» удалось на одной страничке разместить не только информацию о заказах (список покупок) и их стоимости, но и функцию «войти через свой логин» и оформление заказа в статусе гостя.
Однако все это сделано настолько «вкусно», что покупатель нисколько не запутается и его ничто не будет отвлекать от покупки:

(Рис. Оформление заказа: 1) список и стоимость заказа; 2) войти через свой логин или в качестве гостя указать детали доставки)

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

Например, если не брать во внимание ввод номера с клубной карты (что в любом случае опционально), формы по оформлению и подсчету стоимости заказа таких компаний, как «House of Fraser» и «Tesco», требуют введения одинаковой информации.

Вот только «Tesco» своей манерой реализации превратили это в барьер, а «House of Fraser» не создают никаких препятствий и направляют всех пользователей сразу на страницу оформления заказа без обязательной регистрации. Какая тактика лучше? Как по мне, вторая…

И всегда помните, если Вы хотите, чтобы клиенты делали покупки у Вас — не ставьте никаких барьеров для них.

Форма состоит из следующих блоков:

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

Если в настройках товара указана цена - форма автоматически рассчитает стоимость всего заказа. А если в настойках у товара установлен признак "возможно заказать несколько товаров", то в форме будет отображаться и количество, а итоговая стоимость заказа при этом будет рассчитана из этого количества.

Данные покупателя.
На финальном этапе заказа посетитель при оформлении вводит свои данные. Количество полей и их наименования произвольное и настраивается в личном кабинете сервиса EasyNetShop. При этом у каждого из полей можно установить признак "Обязательное" и форма заказа не будет отправлена до того момента, пока обязательное поле не заполнено.

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

Пример html-кода для добавления корзины
скопируйте в любое место на странице 1 раз

Тестовый код для размещения кнопки КУПИТЬ
разместите рядом с описанием нужного товара Купить

Готовый персональный код корзины и коды кнопок для добавления в неё товаров в можете получить в личном кабинете:

Преимущество формы заказа EasyNetShop

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

Ещё несколько позитивных моментов в форме заказа EasyNetShop:

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

Заполненная и отправленная форма заказа остается формальностью и даже если получен обратный ответ о том, что заявка получена. Это не дает 100%ой уверенности покупателю в том, что именно совершена покупка. Не получив ответа и не понимая стоит ли ему его ждать (какое время) - покупатель продолжит поиск товара на других сайтах. Совсем другое дело, если покупатель оформил заказ через корзину товаров и ему пришел тот же самый автоматический ответ о том, что заказ №… оформлен. Это уже не формальность.

Есть определенная ожидаемая модель поведения покупателя на сайте, выработанная типовыми интернет-магазинами и практически любой покупатель будет искать привычную для него кнопку “добавить в корзину”, а затем и саму корзину для завершения заказа. Наличие формы заказа для покупки товара - это уход от типичного поведения покупателя и может вызвать неопределенную реакцию (от сложностей, до ухода с сайта)

Процедура покупки товара в нашем Интернет-магазине очень проста и состоит из нескольких шагов.

1. Выбор товара

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

2. Добавление товара в корзину

Как только Вы определились с товаром, нажмите на кнопку «В корзину» . Количество добавленных товаров и их сумма отображается в поле «Корзина», которое находится в шапке сайта. Для тканей и прикладных материалов укажите необходимый метраж, но не менее 0,7 метра . При заказе дробного количества ткани используйте разделительную точку или запятую. При заказе купонной ткани указывайте метраж, кратный длине одного купона.

После того как вы добавили все интересующие вас товары в корзину, нажмите на данное поле и Вы попадете на страницу «Моя корзина» . На этой странице будут перечислены все выбранные Вами товары. В поле «Количество» Вы можете изменить количество товара для покупки. После изменения количества товара сумма будет пересчитана автоматически. Также Вы можете удалить ненужный товар, нажав на крестик в колонке «Действие».

3. Оформление и подтверждение заказа

После того как Вы окончательно сформировали и проверили свой заказ нажмите на кнопку «Оформить заказ».

Введите информацию :

* ФИО получателя,
* адрес доставки,
* контактные данные.

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

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

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

Оплата покупателем счета продавца автоматически означает согласие покупателя с приведенными правилами приобретения товара в фирме «Сезон».

4. Работа с заказом

Заказы обрабатываются с 10.00 до 18.00.

В выходные и праздники возможна задержка обработки заказа.

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

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

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

Важно! Срок оплаты товара - сутки с момента подтверждения заказа операторм интернет-магазина. На это же время резервируется товар. По истечении этого срока, если от Вас не поступит оплата, резерв товара аннулируется.

Коллеги, в этой статье мы хотим рассказать вам, как происходит оформление заказа, его оплата и доставка.

Магазин

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

Выбор товара

И так, Вы зашли в раздел Магазин и выбираете интересующую Вас категорию товара: "Пленка", "Оборудование", "Дополнительное оборудование", "Расходные материалы" или "Хром". Весь представленный ассортимент в наличии! Нажимая на картинку любого товара, Вы видите подробные характеристики и его большую фотографию. Понравившийся товар необходимо оформить, для этого просто нажмите на кнопку «Купить» и Вы увидите, как он добавится в Вашу «Корзину». Таких товаров в «Корзину» можно добавлять неограниченное количество.

Оформление заказа

Когда Вы выбрали то, что хотели, нажимаете кнопку «Оформить» в «Корзине» и автоматически переходите на страницу заполнения данных и выбора способа оплаты. Здесь Вы заполняете свои данные для доставки: ФИО, Адрес доставки, Контактный телефон, Электронную почту – эти данные нужны для оформления и дальнейшей отправки Вашего заказа. Также Вы увидите поле «Комментарии к заказу» - в этом поле Вы можете оставить свои пожелания и комментарии к заказу, либо попросить, чтобы с Вами связался менеджер и ответил на оставшиеся вопросы.

Итак, Вы заполнили свои данные, дело осталось за малым – выбрать удобный для Вас способ оплаты заказа. Сделать это можно на этой же странице – на выбор предлагается 11 способов оплаты. Расскажем о некоторых из них чуть подробней:

• Перевод на карту Сбербанка – На указанную Вами электронную почту придут реквизиты нашей карты для оплаты. Внести оплату Вы сможете в любом отделении или терминале Сбербанка, или, например, переводом через Ваш он-лайн банк.
• Выставить счет на оплату – На Вашу электронную почту придет счет на оплату заказанного Вами товара. Оплатить данный счет можно в отделении любого банка либо безналичным переводом.
• Отдельно выделены способы оплаты «Онлайн» - самые быстрые способы оплаты. Деньги за заказ поступают мгновенно и Вам не нужно никуда идти! К примеру, при оплате заказа таким способом Вы сможете воспользоваться любой банковской картой VISA или MASTERCARD либо системой денежных переводов QIWI, электронными деньгами WebMoney, Яндекс.Деньги, или выбрать другой удобный для Вас способ онлайн-оплаты в сервисе «Яндекс.Касса».

Если ни один из этих способов оплаты Вам не подошел или у Вас остались какие-то вопросы, Вы можете задать их нашему онлайн-консультанту либо связаться с нами по телефону горячей линии 8-800-200-51-21 – для России (Звонок бесплатный), для других стран +7-927-010-37-58, Вайбер или Ватс Ап +7-927-711-33-66.

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

И так, Вы оформили заказ. Оплатили его. Что же происходит с Вашим заказом дальше?

Сборка и отправка заказа

После поступления денежных средств заказ сразу же передается на склад в подготовку! В это же время наш отдел логистики прорабатывает оптимальный вариант доставки заказа (минимальные сроки – цена / качества), согласовывает по необходимости способ отправки и в этот же день Ваш заказ попадает в доставку к нашему курьеру. Все заказы отправляются в течение 24 часов с момента оплаты! Мы следим за этим, отправляем даже по субботам. И сразу после отправки заказа мы пришлем Вам смс-уведомление на указанный номер с полной информацией об отправлении, в котором будет указано название перевозчика (какой транспортной компанией отправлен Ваш заказ или почтой) и номер отправления для отслеживания.

Стоимость стандартной доставки материалов составляет порядка 400-600 руб, срок доставки 3-4 дня, в удаленные регионы чуть больше, но мы следим за сроками и выбираем оптимальный вариант перевозчика.

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

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

Выбрать товар и начать оформление заказ можно прямо сейчас - Перейти в магазин