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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

Так вот, это очень большое заблуждение. Чем сложнее и непонятнее как сделать заказ тем больше шансов, что порядка 2/3 посетителей не станут вообще «заморачиваться» с приобретением товара в Вашем интернет магазине.

Основные правила форма оформления заказа

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

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

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

Если при заполнении формы Вы просите от клиента какие-то его личные данные, всегда объясняйте, для чего они необходимы: имя и фамилия – для оформления документов на товар, номер телефона – для связи по вопросам доставки, электронный адрес – для подтверждения заказа.

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

Перед Вами образец неправильного оформления, где в процессе покупки требуется внезапная регистрация. Но это Ozon.ru- самый крупный гипермаркет России и здесь он диктует свои правила.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. В один шаг

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Что вам даст заполнение региона? Его же можно узнать самостоятельно.
5. Кнопка “Сохранить” приводит к тому, что наконец-таки стало возможно выбрать тип оплаты. Можно отказаться от подобного нетривиального способа?
6. Если я уже изъявил желание оформить без регистрации, зачем вы снова предлагаете “Войти в аккаунт”?

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

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

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

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

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

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

На SEOnews продолжается рубрика «Как создать интернет-магазин» . Ближайшие полгода мы будем рассказывать, почему вам нужен (или не нужен?) интернет-магазин, сколько денег нужно быть готовым потратить на его создание, как оформить основные разделы сайта, каким образом и где его продвигать. И это далеко не полный список вопросов, на которые наши эксперты готовятся дать ответ.

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

Тема правильного оформления страницы доставки актуальна всегда. Алгоритмы поисковых систем обновляются каждый месяц, и ключевые страницы сайтов (а среди них и «Доставка») обрастают все новыми фишками и функционалом. Можно реализовать сотню лайфхаков в борьбе за место в ТОП 10 выдачи, однако если на сайте будет непрозрачная, неинтересная или неполная информация о доставке, все равно на нем вряд ли сделают покупку. Сегодня важно уже не наличие страницы доставки на сайте, а то, завоюет ли она доверие посетителей.

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

И на этапе покупки выясняется, что о доставке покупатель узнает только при звонке в кол-центр по мобильному номеру. Или, например, типовая страница ‒ это полотно текста на шесть тысяч символов.

Уйдете вы с такого сайта или останетесь?

«А у вас в магазине доставка есть?»

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

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

1. Прозрачная стоимость доставки

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

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

Важно доходчиво разъяснить детали , а не просто указать цену и переложить остальное на сотрудников кол-центра.

«Доставка ‒ 450 рублей в пределах МКАД, но это если сейчас закажете, а если через час, то стоимость будет уже 600, а если вы за МКАДом, то 1200. Как, вам еще нужно привезти в определенное время с подъемом на 7 этаж и за МКАД? Тогда вам надо почитать о специальных тарифах в pdf-файле. Да, скачиваете ‒ и на четвертой странице таблица с тарифами…» (Из разговора с оператором кол-центра интернет-магазина бытовой техники и электроники).

Избегайте монолитных текстов не только в каталоге и карточках товаров, но и на странице доставки. Как лучше не делать:

И так тоже:

Минусы оформления из последнего примера:

• Страны по зонам (Европейская 7, 8, UK без Шотландии, UK завтра, UK послезавтра), а не тариф для отдельной страны или даже города ‒ все в одном;
• Слишком много текста (на скриншоте уместилось только 30% информации, размещенной на странице!);
• Нет данных о формировании стоимости (почему именно 40 фунтов, конечная ли это цена) и точной даты (7-14 дней ‒ довольно сильный разброс).

Если магазин отправляет грузы в разные регионы, необходимо разработать адекватный функционал для клиентов на сайте. Например, на сайте Lamoda это реализовано так: выбираешь город, затем способ доставки (курьер, самовывоз, почта), выбираешь время (сегодня, завтра, послезавтра), смотришь на условия и сумму заказа. Если она выше 2 000 рублей ‒ приятный бонус: доставка бесплатна, если нет ‒ все еще остается выбор из двух вариантов.

Помимо прочего, это преимущество прямо указано в шапке сайта: «Доставка на следующий день в 60 городах России».

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

2. «Бесплатная доставка», «Срочная доставка» ‒ выделить!

Это то, что вызывает доверие и мотивирует смотреть каталог дальше, делает магазин конкурентным на рынке, цепляет пользователя с первых секунд. Не забывайте, что нужно ярко выделять слова БЕСПЛАТНО и СРОЧНО. Пример: сайт Drugstore.com («Бесплатная доставка на заказы от 25 долларов ‒ КАЖДЫЙ ДЕНЬ!»).

Еще один удачный пример реализации страницы доставки ‒ на сайте Eapteka.ru:

• можно выбрать удобный интервал времени доставки;
• есть информация о ценах в зависимости от времени и удаленности от МКАД;
• выделены в отдельный блок преимущества круглосуточной доставки;
• есть бесплатная доставка при заказе на сумму от 1500 руб.;
• есть информация о самовывозе.

3. Адреса пунктов самовывоза: главное ничего не забыть

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

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

В случае если филиалов больше 10, лучше оставить на странице доставки только карту (см. п. 4) или хотя бы прикрутить поиск по городу/метро (но ни в коем случае не текст с вертикальной полосой прокрутки!). Это позволит при выборе определенного филиала получить подробную информацию о нем.

4. Карта для наглядности

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

5. Способы оплаты (коротко)

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

6. Простой калькулятор доставки

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

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

7. Не забудьте удостовериться, что страница существует

Например, на момент написания статьи на сайте «Евросети» выдавалась 404-я ошибка при попытке открыть страницу «Доставка и оплата». Но сейчас проблема решена.

Лайфхаки, связанные с доставкой

1. Увеличиваем средний чек

Как только вы нажмете на кнопку «Добавить в корзину» на сайте BrewDog.com, всплывет интерактивная форма. Она наглядно показывает, что доставка в любом случае обойдется вам в 5 фунтов ‒ так почему бы не купить до 24 товаров с доставкой всего за 5 фунтов?

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

2. Покупатели любят выбирать из нескольких вариантов

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

Вот решение, которое предлагает Amazon, но оно доступно и многим средним сайтам. Во-первых, покупатели сайта Amazon в США могут вступить в Amazon Prime Community ‒ специальный привилегированный клуб ‒ и получать товары бесплатно уже на следующий день после заказа. Во-вторых, им дают возможность самим выбрать удобное соотношения скорости, цены и времени доставки.

3. Сообщите о доставке везде, где это уместно!

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

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

• Главная страница:

• Страница доставки:

• Страница каталога:

• Страница карточки товара:

Выводы

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

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

Сайт ‒ это только первая остановка на пути пользователя к доверительным отношениям с вашим брендом. Реальное взаимодействие начинается после фразы «Ваш заказ успешно оформлен».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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