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

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

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

1. Простота — залог эффективности.

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

2. Используйте наглядные примеры.

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

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

Клиент должен всегда видеть сколько этапов он прошел и сколько ещё предстоит пройти. имеет особое значение с точки зрения психологии. Классическая схема оформления заказа проходит в 3-4 этапа. Первый этап — пользователь составляет список заказа. Второй этап — покупатель вносит свои контактные данные. Третий этап — проверка информации. Четвертый этап — сделка.

4. Развейте все сомнения клиентов.

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

5. Нет! регистрациям.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Запрашиваем данные с покупателя;

2 рабочих варианта реализации;

Аналитика;

Заключение и небольшой подарок!

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

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

Сделать процесс простым для посетителя;

Начав оформление заказа, не дать посетителю прервать его;

И, самое главное, по этому процессу.

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

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

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

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

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

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

2. В один шаг

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

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

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

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

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

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

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

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

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

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

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

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

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

Тип данных	Необходимость запроса на сайте
Фамилия и Имя	Необходимо .
Отчество	Необязательно , можно уточнить по телефону. Требуется для отправки почтового отправления.
E-mail	Необходимо для отправки данных заказа и добавления в подписчики.
Телефон	Необходимо для контакта с покупателем.
Индекс	Необязательно , оператор может уточнить самостоятельно по адресу.
Город	Желательно . Для понимания часового пояса покупателя.
Адрес	Необходимо . В одно поле. Если есть , автоматически подставляйте адрес самовывоза в это поле при его выборе.
Страна	Необязательно. Требуется только при работе на несколько стран.
Комментарий к заказу	Необходимо .

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

Фамилию и Имя.
Пример: “Андрей Родионов ”

E-mail.
Пример: ”

Телефон:
Пример: “+7-123-456-78-90 ”

Адрес для или почтовой доставки:
Пример: “Санкт-Петербург, Невский пр, дом 1, кв 1 ”. Предлагать заполнять в одно поле , не следует делать отдельное поле для улицы, отдельное для дома и отдельное для квартиры.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google Analytics. Визуализация последовательностей .

Яндекс.Метрика. Вебвизор + Аналитика Форм .

Google Analytics

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

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

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

Понимание с какого шага уходит покупатель;

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

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

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

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

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

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

Заключение

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

Бездельникам . Ничего не делать и наслаждаться текущими показателями конверсии;

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

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

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

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

26.09.2013 Мини аудиты

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

Wool day.

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

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

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

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

“Почтовый ящик” переименовать в E-Mail

“Имя Отчество” и “Фамилия” объединить в одно и назвать “Имя”

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

Зачем вам 2 рассылки? Какая мотивация подписаться на 2 рассылки?

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

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

Индекс желательно убрать или как минимум сделать НЕобязательным для заполнения

Согласно странице “Доставка”, вы доставляете по всей России. Так зачем еще раз предлагать страну?

Что вам даст заполнение региона? Его же можно узнать самостоятельно.

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

Если я уже изъявил желание оформить без регистрации, зачем вы снова предлагаете “Войти в аккаунт”?

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

Не сразу понятно, что самовывоз бесплатный. Напишите “Бесплатно” или “0 руб.”

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

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

Пользовательское соглашение .

Вот это настоящий “убийца конверсии” в подавляющем большинстве случаев. Вердикт: убрать.

13 мая 2014 в 09:00 Иной взгляд на оформление заказа в интернет-магазине

• Usability ,
• Веб-дизайн

В странах СНГ не менее 75-80% заказов приходятся на cash-and-delivery (оплата заказа при доставке). Это отличие российского и западного потребителя легло в основу редизайна оформления заказа Сотмаркета еще в 2012 году. Тогда впервые в России интернет-магазин перестал требовать авторизации или регистрации клиента перед совершением покупки.

Фоновая регистрация и авторизация пользователей Хотя авторизация на последнем шаге покупки и не несет никакой ценности для пользователя, это западное клише глубоко укоренилась в Рунете. Со средней частотой покупки (техники) раз в 9-10 месяцев люди зачастую не запоминают регистрационных данных: эл. почты, логина, пароля. Парадокс в том, что большинство интернет-магазинов с готовностью принимают заказы по телефону, но при этом создают искусственные препятствия при совершении покупке онлайн.

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

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

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

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

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

Данные, собранные таким образом, нельзя (читай: бессмысленно) использовать для рассылки рекламных сообщений не связанных с конкретным заказам.

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

ФИО одним полем
Небольшой новацией стало поле ввода ФИО - 3 в 1, что позволило решить сразу несколько проблем:

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

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

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

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

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

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

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

Интерфейсу выбора пунктов выдачи заказов мы уделили отдельное внимание, т.к. в 70-75% заказов превалирует самовывоз, разработав две формы: на карте и списком. В обоих случаях можно выбрать интересующее метро/район/объект в зоне которого находятся ближайшие точки самовывоза. Это существенно упрощает поиск искомого пункта выдачи.

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

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

1. Весь процесс оформления заказа сделать на одной странице

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

Процесс оформления покупки на одной странице обеспечивает следующие преимущества:

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

Пример одностраничной формы

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

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

Несколько подсказок для оптимизации страницы оформления заказа:

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

Предполагается, что продажи через мобильные устройства к концу 2017 года достигнут объема в 700 миллиардов долларов, что на 300% больше показателей прошлых четырех лет. Однако здесь выше количество брошенных корзин – возможно, потому, что люди делают покупками на ходу и их сильнее отвлекает окружающая среда. Поэтому 84% мобильных покупателей бросают корзины в процессе оформления.

Советы по мобильной оптимизации процесса:

• Сделать кликабельные кнопки крупнее и заметнее;
• Уменьшить размер изображений, чтобы уменьшить время загрузки;
• Отображать индикаторы доверия, такие как «Это безопасная оплата с использованием 256-битного SSL шифрования»;
• Вертикально выровнять формы, чтобы упростить навигацию;
• Убрать отвлекающие факторы, такие как объявления и всплывающие окна, чтобы покупателям ничто не мешало завершить процесс;
• Рассмотреть прием более простых вариантов мобильного платежа вроде Apple Pay, где пользователи могут рассчитываться с помощью отпечатка пальца.

Мобильные формы, простые в заполнении, повышают конверсии

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

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

Стоит пересмотреть свою форму заказа.

Поля, которые можно убрать:

• вторая адресная строка;
• название;
• отчество;
• отчество / инициалы.

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

Google Autofill помогает клиентам быстро оформить заказ

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

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

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

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

Гостевое оформление заказа — опция, предлагаемая новым клиентам

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

5. Отображать знаки безопасности во время оформления покупки

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

Необходимо отображать знаки безопасности, такие как логотип Verisign или Norton Secured. Они указывают, что интернет-магазин безопасен и надежен. Исследование показывает, что 6 из 10 покупателей бросили свои корзины именно из-за отсутствия гарантий безопасности.