• Оформление заказа в вашем интернет магазине. Как заставить работать страницу оформления заказа? Оптимизируем и боремся с отказами Заказам как сделать оформление заказа

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

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

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

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

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

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

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

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

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

    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

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

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


    Заключение

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

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

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

    Выбор товара

    Найти товар на сайте «М.Видео» можно несколькими способами: окно поиска в правом верхнем углу, меню, каталог, сравнение нескольких товаров, подбор товара по параметрам.

    Если вам нужна помощь в выборе товаров, почитайте наши .

    Способ 1. Поиск на сайте

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

    Способ 2. Фильтры

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

    · по производителю;

    · по цене;

    · по акциям.

    Способ 3. Товарный каталог

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

    Способ 4. Подбор по параметрам

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

    Способ 5. Сравнение товаров

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

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

    Шаг 1

    Необходимо выбрать город, в котором вы находитесь или хотите совершить покупку.

    Шаг 2

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

    Шаг 3

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

    Шаг 4

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

    Зарегистрированные пользователи могут:

    · отслеживать статус заказа;

    · получать спецпредложения и приглашения на закрытые распродажи;

    · накапливать и списывать Бонусные рубли;

    · оформлять кредит онлайн;

    · сохранять историю заказов.

    · добавлять товар в избранное.

    Шаг 5

    Укажите номер Бонусной карты — и мы начислим Бонусные рубли за вашу покупку.

    Не забудьте проверить, зарегистрирована ли ваша карта.

    Выберите способ получения заказа и тип оплаты.

    Шаг 6

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

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

    Шаг 7

    Проверьте данные и нажмите на кнопку «Закончить оформление».

    Готово: ваш заказ создан!

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

    Шаг 8

    Как это сделать?

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

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

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

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

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

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

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

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

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

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

    Наш график работы: понедельник-четверг с 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 или по электронной почте

    Согласно данным 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 покупателей бросили свои корзины именно из-за отсутствия гарантий безопасности.

    Читать еще: