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

Содержание показать

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

1. Аналитика страницы

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

Необходимо следить за процентом отказов и временем просмотра страницы пользователями. Узнать, какое число посетителей взаимодействовали с формой и сколько из них свои данные отправили. Эту картину отразит для вас Яндекс.Метрика. А с помощью инструмента сервиса Вебвизор вы можете изучить посещения тех пользователей, что бросили заполнять форму. Так вы поймете, на каком поле/блоке они остановились и не стали продолжать дальше.

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

2. На странице заказа есть список товаров и его можно редактировать

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

3. В списке товаров отображаются скидки

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

4. В списке товаров есть их изображения и краткие описания

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

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

5. На странице заказа имеется поле для промокода

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

6. Оформить заказ можно за один шаг

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

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

7. Ограничьте число полей в форме

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

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

8. Можно оформить заказ в один клик

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

9. У способов оплаты должны быть иконки и указана комиссия (при ее наличии)

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

10. У способов доставки подписана стоимость

Цена может быть фиксированной либо укажите ее минимальный порог в формате «от…» Окончательная стоимость должна отобразиться, когда покупатель введет данные о городе/районе доставки.

11. Написаны условия для бесплатной доставки

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

12. Для доставки курьером можно выбрать удобное время

Никто не хочет ждать курьера целый день, не зная точно, когда он доберется до нужного адреса. Возможность выбрать определенный промежуток времени (например, с 8 до 12 или с 12 до 16), для покупателя гораздо приятнее и удобнее.

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

13. У вас есть карта с адресами точек самовывоза

В современном мире это уже маст хэв. С помощью карты Яндекса или Гугла пользователь с легкостью выберет ту точку доставки, чей адрес ближе всего к нему. И не забудьте указать график работы точек.

14. В списках оплаты и доставки по умолчанию выбраны популярные варианты

В таком случае у пользователя не будут выскакивать предупреждения «Не выбран способ оплаты» или «Не выбран способ доставки». Изучите статистику заказов и на ее основе установите по умолчанию самые популярные способы оплаты и доставки. Допустим, «Банковская карта» и «СДЭК».

15. Одни данные — в одно поле

Для адреса нужно одно поле, без разделения на улицу, дом и подъезд. А вот отдельные поля для выбора города или района необходимы для автоматического расчета доставки. Что же касается индекса, то его вы сами можете легко найти по указанному покупателем адресу.

Зато вместо отдельных полей для ФИО тоже достаточно поля «Имя и фамилия» или еще проще «Ваше имя».

16. Используются «помощники» для заполнения полей

Например, маска ввода для номера телефона, выпадающий календарь (datepicker) для выбора даты и времени доставки или выпадающий список для выбора города/района доставки.

Все это помогает юзерам быстрее заполнить необходимые поля.

17. Есть пояснения к полям

Чтобы избежать лишних вопросов от покупателей.

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

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

К предложению создать личный кабинет подойдут пояснения: «Чтобы хранить историю заказов», «Чтобы получать скидки за сумму заказов», «Чтобы копить бонусные баллы».

Главное, донести выгоду, которую получит пользователь, предоставив те или иные данные или совершив какое-либо целевое действие.

18. Сообщения об ошибках в форме видны и понятны

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

19. Разумная проверка вводимых данных

Не стоит ставить жесткие ограничения по вводу данных. Пусть можно будет указать телефон в любом формате, в том числе с добавочным номером. Или даже с уточнением, что звонить лучше после 18:00.

Другой пример — про email. Если мы хотим регистрировать личный кабинет на адрес почты, то его надо проверить. И если указанный адрес не подходит под формат email — нужно сообщить об ошибке, иначе пользователь не получит пароль от аккаунта и не сможет посмотреть историю заказов.

20. Важные поля в начале, остальные — в конце формы

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

В конец же помещаем и предложения по созданию личного кабинета, по подписке и т. п.

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

21. В предложении о подписке указана частота писем

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

22. Можно сделать заказ без регистрации

Не все хотят регистрироваться на сайте магазина. Особенно делая первый заказ. А вдруг вы не устроите покупателя? Вот если он останется доволен товаром, то при повторном заказе уже сам может пожелать зарегистрироваться.

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

23. Можно авторизоваться здесь же без перехода на другую страницу

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

24. Для авторизованного пользователя данные заполняются автоматически

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

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

25. Есть поле «Комментарий к заказу»

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

26. Выводится итоговая сумма заказа

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

27. Под кнопкой есть краткое пояснение, что дальше

Это снимает вопрос «А что будет после того, как я нажму на эту кнопку?». Поэтому, к примеру, напишите под кнопкой «Оформить заказ» пояснение «Наш менеджер свяжется с вами в течение суток для подтверждения заказа».

28. После оформления заказа выдается информативное сообщение

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

29. После оформления заказа уходит письмо на email

Если клиент предоставил свой email — отправьте ему письмо с подтверждением заказа. Информация та же, что и в предыдущем пункте, сверху добавляем состав заказа. И контакты магазина (телефон менеджера), чтобы клиент смог оперативно позвонить вам и получить ответы на возникшие вопросы.

30. Есть сообщение для пустой корзины

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

Подведем итог

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