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

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

Если есть сомнения в подходах - .

Что делает оформление заказа приятным?

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

Полезные фичи:

• • Поиск адреса или предиктивный ввод текста.

• • Копирование адреса доставки в адрес платёжных данных.

• • Просьба создать аккаунт появляется в конце, когда пользователь готов сделать покупки.

• • Оформление заказа без регистрации.

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

Источники проблем:

• • Принуждённая регистрация перед оформлением заказа.

• • Слишком много шагов.

• • Ненужные поля формы.

• • Непонятные сообщения об ошибках.

• Проблемы с подтверждением формы. Например, строгие правила формата времени.

Лучшие примеры форм оформления заказа

Domino’s

Сайт Domino’s сделал упор на мобильность. Он распознаёт типы устройств и адаптируется под них.

Форма оформления заказа — приятная и легкая в использовании: нет регистрации, простые поля заполнения, сохранённые платёжные данные для повторных покупателей.

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

Также у них есть приложение, в котором можно сделать заказ одним щелчком. Просто открываете приложение, ждёте 10 секунд, и ваша пицца направляется к вам.

Lowe’s

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

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

Предложите зарегистрироваться в конце процесса оформления заказа. На сайте Lowe’s можно зарегистрироваться, перед тем как нажать на кнопку ‘сделать заказ’. Здесь не должно возникнуть трудностей.

Threadless

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

Вся форма оформления заказа находится на одной странице. И это очень удобно.

Amazon

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

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

На их сайте у формы оформления заказа отличный дизайн. Одно улучшение, которое им стоит сделать, — выделить форму оформления заказа от остального контента на странице.

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

Schuh

Их команда отлично понимает важность юзабилити и постоянно улучшает её.

Посмотрите на скриншот ниже, в чём прелесть данной страницы:

• • Безопасность. Вверху размещено подтверждение о безопасности страницы и контактные данные компании.

• • Оповещение о доставке и возврата товара. Три пункта над формой оформления заказа напоминают пользователям о хороших условиях доставки, скидках и простом процессе возвращения товара.

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

• • Простая регистрация. Schuh не интересна регистрация на данном этапе, он предложит её позже.

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

• • Способы оплаты. Визуальное напоминание о том, с помощью чего пользователи могут оплатить заказ.

• Форма по центру. На странице есть несколько отвлекающих элементов, но фокус сконцентрирован на совершении покупки.

Crate & Barrel

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

Nordstrom

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

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

Superbalist.com

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

Потом пользователя просят создать пароль, прежде чем продолжить.

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

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

AO.com

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

Страница с платёжными данными — отличная. Отображается сумма заказа, дата доставки, количество товаров и т.п. AO оставил свои контактные данные, чтобы любой пользователь мог сразу позвонить, если у него возникли какие-то вопросы.

Joseph Joseph

Еще один сайт с красивым дизайном формы оформления заказа — Joseph Joseph . Страница, которая была выбрана в качестве примера — форма регистрации/оформление заказа без регистрации.

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

Хорошие примеры, но есть куда расти…

Сайт Zappos — хороший пример, они уделяют внимание обслуживанию и лояльности клиентов.

Тем не менее, процесс оформления заказа несовершенен. Создание аккаунта — обязательное условие, которое не устроит всех пользователей.

Возможно, в случае компании Zappos, репутация бренда снимает этот барьер. Интересно, пробовали ли они что-то другое.

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

К тому же, форма оформления заказа ничем не выделена. Она теряется на фоне главного навигационного меню, строки поиска, алфавитного указателя и т.д. Слишком много отвлекающих элементов, из-за которых пользователи не захотят делать заказ.

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

Boots

Эта форма оформления заказа — самая худшая из представленных.

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

Заключение

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

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

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

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

Внимание! Цена товара может отличаться от указанной на сайте. Окончательную цену уточняйте у наших операторов.

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

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

Как оформить заказ с помощью электронной почты?

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

Как оформить заказ по телефону?

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

Наш график работы: понедельник-четверг с 8-00 до 19-00, пятница с 8-00 до 17-00 (время московское). Суббота-воскресенье – выходные дни.

Как оформить заказ на сайте?

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

При оформлении заказа используйте следующие подсказки:

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

2. Для выбора интересующего вас товара воспользуйтесь строкой быстрого поиска или каталогом.

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

4. Товар будет автоматически добавлен в вашу корзину после нажатия кнопки «Купить». При этом вы можете продолжать делать покупки в интернет-магазине.

5. Для удаления товара из корзины или изменения количества выбранного товара вы можете в любой момент зайти в вашу корзину и внести необходимые корректировки:

Изменить количество в колонке "Заказ", затем нажать кнопку "Сохранить" внизу страницы.

Добавить другие товары в заказ из .

При необходимости оставить комментарий в строке «Пометка заказа».

6. Нажмите кнопку «Оформить заказ» после того, как в вашей корзине будут находиться все необходимые товары.

7. Для оформления и отправки заказа в обработку необходимо войти в систему, используя свой логин и пароль.

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

9. Оформление заказа состоит из 4 шагов:

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

– Оплата и реквизиты.

Если вы представляете юридическое лицо – укажите реквизиты для выставления счета. ИНН и КПП в этом случае являются обязательными полями для заполнения.

Если вы являетесь частным лицом и не представляете компанию, в поле «Плательщик» обязательно выберите строку «Ввести новое физическое лицо»

– ваши пожелания к заказу.

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

– Отправка заказа.

На этом этапе необходимо еще раз проверить все параметры заказа: наименование, стоимость, адрес доставки, параметры оплаты. Если вы нашли ошибку в вашем заказе, до момента нажатия кнопки «Отправить заказ», вы можете изменить те или иные параметры, нажав соответствующую кнопку. Например, если вам необходимо удалить из заказа одно или несколько наименований товара, нажмите на кнопку «Товары» и перейдете в корзину для редактирования. После внесения изменений – нажмите «Сохранить». Далее необходимо повторить предыдущие шаги оформления заказа.

10. Внимание! После нажатия кнопки «Отправить заказ» ваш заказ будет отправлен нашим менеджерам и для дальнейшего его изменения необходимо будет связаться с нами .

11. В случае возникновения проблем в работе сайта (невозможно авторизоваться, не работает корзина и пр.) просьба связаться с нами по тел.: 8-800-700-63-73 или по электронной почте

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

Из статьи вы узнаете:

• зачем нужна отдельная страница доставки;
• какие обязательные и опциональные элементы здесь должны быть;
• как выглядят удачные страницы доставки;
• каких ошибок избегать при их проектировании.

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

Зачем выносить условия доставки на отдельную страницу

Ответ простой: потому что так удобнее. И клиентам, и разработчикам.

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

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

Встречаются сайты, на которых условия оплаты и доставки объединены в одном разделе. Мы проанализировали варианты оформления страниц доставки интернет-магазинов из топ-10 выдачи «Яндекса» по четырем поисковым запросам. Вот что получилось:

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

Так или иначе, если разнести информацию об оплате и доставке по разделам, вам не придется думать, как объединить ее на одной странице. И пользователям будет проще ориентироваться.

Хотите узнать, как оформить страницу отписки от рассылки на сайте и удержать клиентов - прочитайте

Что должно быть на странице доставки

Составляющие страницы доставки условно можно разделить на две группы:

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

Обязательные элементы

Направления доставки

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

Способы доставки и сроки

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

Стоимость

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

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

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

Опциональные элементы

Карта проезда к пункту выдачи товара

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

Для наглядности в дополнение к карте приложите фото входа в здание.

Калькулятор

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

Порядок доставки и приемки товара

Опишите процесс от момента размещения заказа до его получения и приемки. Сделайте это в виде наглядной блок-схемы - так информация лучше воспринимается.

Дополнительные услуги

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

• примерка одежды и обуви;
• подъем на этаж;
• доставка негабаритных товаров;
• сборка (например, мебели);
• подключение и настройка (например, бытовой техники и электроники).

Вопросы/ответы

В процессе доставки часто возникают проблемы: товар не приехал в срок, курьер не звонит или недоступен, посылка не отслеживается по трек-номеру, не тот товар приехал и т. п. Опишите самые распространенные проблемные ситуации и дайте ответы на вопросы в разделе FAQ (часто задаваемые вопросы). Это снимет неопределенность у клиентов и снизит нагрузку на колл-центр.

Промоматериалы

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

Правила доставки

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

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

По сути, это публичная оферта, которую принимает покупатель при оформлении заказа. Ссылку на эти правила размещают в разделе «Доставка».

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

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

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

Примеры удачных страниц доставки

ZelenoeMore

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

Начинается все с основных преимуществ - не надуманных (вроде «у нас самая быстрая доставка в мире» ), а вполне реальных.

Следующий блок - краткие условия доставки по ключевым направлениям: 1) МСК, СПб и Подмосковье; 2) МСК за 4 часа; 3) РФ. Здесь указано достаточно информации для понимания того, куда доставляет компания и сколько это стоит.

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

Отдельно описана доставка Pick Point по России. Также добавлено видео с пояснением, как пользоваться постаматами.

В конце указаны правила, а также блок с контактными данными.

KupiVIP

У этого интернет-магазина одежды и обуви страница доставки оформлена просто и понятно. Для получения информации необходимо ввести название города и выбрать способ доставки: курьер или самовывоз. Информация по условиям будет в таблице.

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

Randewoo

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

Первый блок - преимущества.

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

Л’Этуаль

Страница доставки в стиле минимализм. Информации мало, но реализовано все очень удобно. Достаточно выбрать способ доставки (курьер или самовывоз) и ввести город. После этого появляется стоимость и условия доставки.

Деликатеска

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

Отдельно описаны интервалы развозки продуктов курьером.

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

Распространенные ошибки при оформлении страницы доставки

«Простыня» текста

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

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

Делайте заметные подзаголовки, используйте шрифт не менее 12-14 pt, используйте отступы между абзацами, выделение жирным, разбавляйте текст графикой и т. п.

Бюрократизация

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

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

Добавление «продающего» или SEO-текста

Каждая страница интернет-магазина служит своей цели. Лендинги привлекают лиды - здесь уместны продающие рекламные тексты. Страницы каталога привлекают трафик из поиска. Здесь нужны полезные тексты о продукции, оптимизированные под ключевые фразы. А вот для сервисных страниц, к которым относится и страница доставки, не подходят ни те, ни другие.

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

Сокрытие информации

Страницу «Доставка» создают не для галочки. Недостаточно написать «купите товар, и мы его доставим» :

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

Лишняя информация

Это противоположная ситуация. Пишите по сути. Не стоит увлекаться и описывать, например, курьерские службы доставки и истории их успеха:

Отсутствие интерактивности

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

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

«Страница не найдена»

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

Что важно запомнить

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

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

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

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

1. Зачем вообще все это?
2. Типы оформления заказа;
3. Оптимизация оформления заказа;
4. Запрашиваем данные с покупателя;
5. 2 рабочих варианта реализации;
6. Аналитика;
7. Заключение и небольшой подарок!

Зачем вообще все это?

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

1. Сделать процесс простым для посетителя;
2. Начав оформление заказа, не дать посетителю прервать его;
3. И, самое главное, по этому процессу.

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

Типы оформления заказа

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

1. В несколько шагов

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

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

2. В один шаг

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

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

3. На странице корзины

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

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

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

Какой же из трех вариантов выбрать?

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

Оптимизация оформления заказа интернет магазина

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

Нам много не надо! Снижаем нагрузку на покупателя

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

Давайте подумаем какую информацию на сайте необходимо собирать, а какую вовсе необязательно?

Таким образом необходимо запрашивать следующие данные:

1. Фамилию и Имя.
   Пример: “Андрей Родионов ”
2. E-mail.
   Пример: ”
3. Телефон:
   Пример: “+7-123-456-78-90 ”
4. Адрес для или почтовой доставки:
   Пример: “Санкт-Петербург, Невский пр, дом 1, кв 1 ”. Предлагать заполнять в одно поле , не следует делать отдельное поле для улицы, отдельное для дома и отдельное для квартиры.
5. Комментарий к заказу.

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

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

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

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

Вариант №1. Просто и со вкусом.

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

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

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

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

Вариант №2. Стильно и функционально.

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

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

Шаг 2. Выбор способа доставки .

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

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

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

А вот так самовывоз:

Доставка Почтой России:

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

Шаг 3. Выбор способа оплаты.

Здесь тоже постараемся сделать все максимально просто и наглядно.

Теперь посмотрим как все будет выглядеть в сборе.

Уютно выглядит, правда?

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

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

Аналитика формы отправки заказа

В этом нам помогут два незаменимых инструмента:

1. Google Analytics. Визуализация последовательностей .
2. Яндекс.Метрика. Вебвизор + Аналитика Форм .

Google Analytics

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

На изображении выше показаны несколько шагов оформления заказа от корзины до страницы “Спасибо за покупку”. Как думаете, почему на предпоследнем шаге такое большое количество отказов?

Что вам даст эта статистика:

1. Понимание с какого шага уходит покупатель;
2. Понимание куда уходит покупатель из оформления заказа.

Как настроить подобный инструмент рассказано .

Яндекс.Метрика

Многие слышали про Вебвизор, но не все слышали про Аналитику Форм. Для того чтобы велось отслеживание этой статистики, у вас должен быть включен ВебВизор и внедрен соответствующий код Яндекс.Метрики на сайт. Взгляните на пример отчета по одному шагу оформления заказа (клик для увеличения):

Что вам даст эта статистика:

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

Заключение

Сегодняшняя статья раскрыла для вас один из самых простых путей увеличения конверсии вашей страницы оформления заказа. Рассмотрим ваши дальнейшие варианты действий:

1. Бездельникам . Ничего не делать и наслаждаться текущими показателями конверсии;
2. Начинающим . Провести аналитику больных мест оформления заказа и подготовить список изменений;
3. Опытным . Провести аналитику, подготовить ТЗ на изменения, дать задачу программисту;
4. Профессионалам . Провести аналитику, подготовить ТЗ на изменения, дать задачу программисту, отследить выполнение и провести аналитику по обновленной странице.

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

26.09.2013 Мини аудиты

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

Wool day.

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

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

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

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

1. “Почтовый ящик” переименовать в E-Mail
2. “Имя Отчество” и “Фамилия” объединить в одно и назвать “Имя”
3. Если очень хочется спросить дату рождения, то оставьте только день и месяц. Не все любят сообщать год рождения.
4. Зачем вам 2 рассылки? Какая мотивация подписаться на 2 рассылки?

Следующий шаг.

1. Хорошо бы этот шаг объединить с предыдущим чтобы при виде пустых полей у покупателя не возникало негативных мыслей
2. Индекс желательно убрать или как минимум сделать НЕобязательным для заполнения
3. Согласно странице “Доставка”, вы доставляете по всей России. Так зачем еще раз предлагать страну?
4. Что вам даст заполнение региона? Его же можно узнать самостоятельно.

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

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

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

• фото товара . Когда есть изображение, человеку проще проверять свои покупки, потому как покупатели в первую очередь обращают внимание именно на фотографию. Проследите за тем, чтобы фото было крупным и четко показывало выбранную позицию;
• кликабельное наименование товара . Иногда, добавив позицию в корзину, пользователь хочет еще раз пересмотреть ее характеристики и в очередной раз убедиться в правильности своего выбора. Намного удобнее кликнуть на название продукции в корзине, чем возвращаться на предыдущую страницу или заново искать товар в каталоге;
• отображение количества позиций, доступных на складе . Например, если человек хочет купить 20 блокнотов, а в наличии только 15, он должен узнать об этом сразу, а не через время, когда с ним свяжется менеджер и сообщит неприятную новость;

• отображение заказываемого количества единиц товара, цены за одну штуку и общей стоимости . Это важные сведения, которые должны быть на странице заказа обязательно;
• перечень способов оплаты . Лучше, если клиент вашего интернет-магазина сразу увидит доступные платежные сервисы, а не поймет, что не находит подходящего варианта, когда уже начнет заполнять форму заказа;
• пометка о наличии товара . Она должна быть и в каталоге, и на странице оформления заказа, чтобы потом не было неприятных сюрпризов;
• инструменты управления . Разместите кнопки, позволяющие быстро и легко убрать позицию из корзины или добавить в список желаний. Часто случаются ситуации, когда пользователь выбрал продукцию, но по какой-то причине передумал ее приобретать. У него должна быть возможность быстро отказаться от покупки;
• кнопка восстановления товара в корзине . Она пригодится, когда позиция была удалена случайно. Дайте покупателю возможность еще раз подумать, действительно ли он хочет удалять конкретный продукт;
• кнопка возврата к каталогу для продолжения покупок . Она должна быть достаточно крупной, чтобы ее не пришлось долго искать. Располагайте этот элемент управления на видном месте;
• отображение бонусных начислений и скидок . Это позволит клиенту сполна оценить собственные возможности, еще раз убедиться в выгоде сотрудничества с конкретным интернет-магазином.

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

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

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

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

Что повышает конверсию страницы заказа

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

Но есть еще несколько моментов, на которые вам следует обратить внимание:

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

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

Оформление страницы благодарности за заказ

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

• текст, выражающий благодарность за заказ;
• уведомление о приеме заказа. Например: «Ваша заявка будет обработана автоматически. Если возникнут вопросы, наши менеджеры свяжутся с вами»;
• краткое описание дальнейших действий. Например: «Вы совершили покупку на сумму 35 долларов, номер заказа № 3256822, по нему вы можете отследить этап выполнения заявки»;
• контактные данные. Их можно представить так: «Если у вас есть вопросы по заказу или дальнейшему сотрудничеству с нашей компанией, звоните нам по телефону … или отправляйте письмо на электронную почту …»;
• и еще раз предложите подписаться на рассылку в социальных сетях, добавив соответствующие кнопки. Если пользователю понравился уровень обслуживания, он обязательно сделает подписку и будет следить за вашей площадкой.

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

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

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

• Эталон;
• Викимарт;
• Озон;
• Юлмарт;
• Техносила;
• Связной;
• Эльдорадо.

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

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

• управление дизайном: выбор фона, цвета, типа шрифта;
• активация и отключение шагов оформления заказа;
• отключение ненужных полей;
• подключение кода отслеживания Google Tracking;
• дополнительные опции для пользователей.

Также довольно удобной окажется страница оформления заказа на Woocommerce — бесплатном плагине для создания функциональных интернет-магазинов. И если обратиться к статистике, удается отметить, что на этой платформе создано и успешно работает около 48% интернет-магазинов по всему миру.

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

Запомнить

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