Онлайн-курс апрель-июнь 2019 Интернет-маркетолог с нуля: как стать мастером на все руки
Записаться

Оформление корзины на сайте, или как не мешать клиентам сделать заказ

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

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

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

Пример ссылки на корзину в шапке сайта

Основные элементы корзины

Для начала определим, что же должна содержать страница (или страницы) корзины.

Заголовок. Как бы это банально ни звучало, но обязательно укажите название страницы, чтобы сориентировать пользователя.

Понятный заголовок на странице корзины:

Правильный заголовок на странице корзины

Не сразу ясно, что это страница корзины:

Непонятный заголовок на странице корзины

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

В таблице необходимо добавить:

  • Изображение товара.
  • Название товара со ссылкой на соответствующую страницу.
  • Выбранные характеристики товара (например, цвет, размер, вкус и т.д.).
  • Стоимость единицы товара, и если товар акционный, рядом необходимо указать размер скидки.
  • Количество товара с возможностью изменения.
  • Общая сумма (если пользователь выбрал несколько единиц товара).
  • Возможность удалить товар по одному. Можно еще добавить возможность очистить корзину в один клик, но это не обязательно.

Пример корзины с заполненной таблицей:

Информативная таблица с товарами

В данной таблице нет возможности выбрать количество товара:

Таблица с товарами без возможности выбрать количество

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

Пример формы:

Форма для ввода промокода

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

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

Пример размещения итоговой стоимость заказа

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

В форме нужно запросить следующую информацию:

  • Личные данные: ФИО, телефон, email.
  • Способ доставки.
  • Способ оплаты.
  • Адрес клиента (если он нужен для выбранного способа доставки).
  • Дополнительные услуги (например, подарочная упаковка товара или sms-оповещения о доставке).
  • Разрешение на обработку персональных данных.

Пример формы заказа:

Пример формы заказа

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

В этом примере пользователю ненавязчиво предлагают оформить личный кабинет позже:

Пример формы регистрации/авторизации

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

Частые ошибки

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

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

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

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

Заметное всплывающее окно после добавления товара в корзину:

Всплывающее окно после добавления товара в корзину

Изменение названия не сразу заметно, как и сама кнопка:

Незаметное добавление товара в корзину

Нельзя сделать заказ без регистрации. Всегда должна быть возможность сделать «быстрый заказ», а зарегистрировать пользователя можно позже.

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

Пример отображения статусов в корзине:

Информация о наличие товара на странице корзины

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

Информация о шагах процесса заказа

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

Например, ввод адреса можно заменить одним полем с картой:

Ввод адреса с помощью карты

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

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

Сообщение после отправки данных формы

Дополнительные советы по корзине

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

Автоматическое обновление цены. Не нужно заставлять пользователя дополнительно нажимать кнопки «Обновить» после изменения количества товаров.

Добавление товара в избранное. Если у вас есть такой раздел, то стоит напомнить о нем на странице корзины. На случай, если пользователь пока думает над покупкой.

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

Пример изменения размера и цвета выбранной блузки:

Изменение характеристик товара в корзине

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

Пример быстрого возвращения удаленного товара

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

Пример размещения информации об акции:

Блок с информацией об акции в корзине

На странице корзины можно допродать сопутствующие или похожие товары. Например, предложите напитки и салаты к заказу пиццы:

Предложение сопутствующих товаров

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

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

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

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Понравилась статья?

Чек-лист «Готов ли ваш сайт к продвижению»

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

Получить чек-лист

Популярные статьи

Все популярные статьи »

Комментарии (0)

Правила комментирования блога

Оставить коммент к статье

Читайте свежие статьи первыми

Дайджест новых статей по интернет-маркетингу 1 раз в неделю

Летим с нами в ТОП

Подписывайтесь на рассылку и получайте практические советы по продвижению сайта

Ваш email

Нажимая на кнопку «Подписаться», вы соглашаетесь на обработку персональных данных

Я уже с вами