Как правильно оформить корзину интернет-магазина
Из статьи вы узнаете:
- какие элементы обязательно должна включать корзина интернет-магазина;
- как повысить юзабилити корзины и ее конверсионность с помощью различных фишек;
- каких ошибок избегать при проектировании корзины.
Чтобы пользователи чаще завершали процесс оформления покупки, рассматривайте корзину интернет-магазина как конверсионную страницу. Вы удивитесь, сколько полезного функционала вмещает корзина, и как из-за мелких недоработок работа по привлечению клиентов может пойти насмарку.
Элементы корзины условно делятся на две группы:
- обязательные (даже без одного из них сильно страдает юзабилити корзины);
- опциональные (это полезные фишки, которые делают корзину интернет-магазина более удобной, помогают удержать клиентов и повысить продажи).
Рассмотрим подробно эти элементы.
Обязательные элементы корзины
1 Название товара
По названию товаров в корзине покупатель должен четко понимать, что именно он заказал в интернет-магазине и не ошибся ли. Хорошее название — детализированное. Так человеку не придется лишний раз переходить для сверки в карточку товара.
2 Изображение товара
Это еще один способ идентификации товара. По названию не всегда ясно, что именно добавлено в корзину, и релевантное изображение придется как нельзя кстати.
3 Цена, количество и общая стоимость
Эти три элемента должны быть обязательно. И точка. Изобретать ничего не нужно.
4 Кнопка удаления товара
Это последний «must have» элемент для корзины. С помощью этой кнопки человек без проблем скорректирует содержимое корзины. Реализуют ее в виде крестика или надписи «Удалить». Главное, чтобы кнопка располагалась напротив каждой товарной позиции и была заметной.
Вот и все обязательные элементы. И почти в каждой корзине интернет-магазина они есть (хотя встречаются исключения). А вот чтобы сделать корзину удобной и конверсионной, используйте различные полезные фишки.
Опциональные элементы корзины (полезные фишки)
Навигационная цепочка наглядно показывает, какие этапы осталось пройти пользователю для оформления покупки. Также он всегда может вернуться на предыдущий этап, кликнув по ссылке в цепочке.
2 Возможность вернуть удаленный товар
Бывает, что человек случайно кликает по кнопке удаления товара. Или удаляет, но потом передумывает и все-таки решает купить товар. В этих случаях удобно, когда товар не удаляется из корзины интернет-магазина безвозвратно, а на его месте появляется строка с кнопкой восстановления.
3 Информация об оплате и доставке
Условия оплаты и доставки — это важнейшие факторы, которые влияют на принятие решения о покупке. И чем чаще их указывать, тем реже пользователям придется отвлекаться и искать их по сайту.
Советуем почитать
4 Выбор размера, цвета, модификации
Если продукт имеет различные модификации, то почему бы не предложить человеку изменить выбор прямо в корзине интернет-магазина? А вдруг он выбрал не тот размер? Или не ту комплектацию? Удалять позицию и возвращаться в карточку товара неудобно. А так все будет под рукой.
5 Блок кросс-селинга
Добавление в корзину — еще не покупка. Так почему бы не попытаться продать еще больше? Главное — тщательно подойти к подбору комплементарных товаров. Например, при покупке строительного степлера логично предлагать скобы, а не какой-нибудь автомобильный антифриз.
6 Дополнительные услуги
Это вариация кросс-селинга, только предлагаются не связанные товары, а услуги — дополнительный сервис, настройка, подарочная упаковка и т. п.
7 Всплывающее окно с краткой информацией о товаре
Зачастую при клике по названию товара пользователь попадает из корзины интернет-магазина на карточку товара. Чтобы вернуться в корзину, приходится нажимать кнопку «Назад». В итоге приходится минимум два раза ждать перезагрузки страницы.
Более удобное решение — выводить основные характеристики товара после клика по ссылке во всплывающем окне. А там уже предусмотреть кнопку «Полное описание», кликнув по которой пользователь перейдет на карточку товара. Так ему не придется ждать лишних перезагрузок, чтобы уточнить какой-то нюанс.
8 Добавление в избранное
Пользователи добавляют товары в корзину интернет-магазина не только, чтобы завершить покупку прямо сейчас. Они могут прицениваться, обдумывать, добавлять и удалять позиции и смотреть на общую цену. В связи с этим удобно, когда из корзины можно добавить товар в избранное или в список сравнения. Так не придется искать товар, когда человек будет готов к покупке.
9 Информация о спросе на товары
Это интересный элемент, призванный стимулировать спрос. После добавления новой позиции в корзину интернет-магазина появляется сообщение о том, сколько раз ее добавили на протяжении суток. Здесь работает эффект толпы («берут, значит мой выбор правильный»). Осознание того, что товар востребован, успокаивает пользователя и подталкивает к покупке.
10 Время до конца резерва
Здесь продажи стимулируют за счет эффекта ограниченности — выводится время, оставшееся до конца резерва товара. Красная кнопка и таймер обратного отсчета невольно способствуют скорейшему оформлению покупки.
11 Вес товара
Удобная опция. Пользователь в корзине видит общий вес и может с точностью до рубля рассчитать стоимость доставки у интересующего перевозчика.
12 Покупка в 1 клик
Обычно эту кнопку выводят в карточке товара. Но почему бы не упростить жизнь пользователю и не предложить оформить быстро покупку еще и из корзины?
13 Промокод в корзине
Применив промокод, пользователь сразу увидит размер скидки и примет решение, переходить ли к оформлению заказа или подкорректировать содержимое корзины интернет-магазина.
Ошибки при оформлении корзины интернет-магазина
Корзина — не самая сложная страница сайта. Тем не менее при ее проектировании допускают ряд досадных ошибок. О них полезно знать каждому, кто развивает свой или клиентский интернет-магазин.
1 Нет изображения
Заголовок вроде «Набор мебели Прованс комплектация 7» о чем-то говорит разве что продавцу мебели. Для покупателя это просто набор слов — ему нужно изображение. Не заставляйте покупателя переходить в карточку товара, чтобы убедится, что он все правильно заказал. Кто знает, вдруг он не вернется?
2 Проблемы с дизайном
Обычно корзина интернет-магазина наследует дизайн сайта. Если он устарел, поможет только редизайн. Тем не менее случаются и промахи в дизайне самой корзины: мелкий шрифт и изображение, отсутствие контраста с фоном, нагромождение ненужных элементов и т. п. Убедитесь, что содержимое корзины хорошо различимо на общем фоне, нет отвлекающих элементов и т. п.
3 Технические ошибки
Таких ошибок вообще не должно быть. Все они устраняются на этапе тестирования и отладки сайта. Но все же они случаются.
Например, может быть не заполнен заголовок столбца таблицы. Из-за этого непонятно, что за значение приведено в ней.
Бывает, что при использовании англоязычных шаблонов не меняют названия кнопок. Хорошо если человек понимает, что означает «UPDATE CART». А если нет? На такие моменты нужно обращать внимание.
Еще один пример неудачного технического решения — дублирование кнопки «Продолжить покупки». Зачем? Очевидно, это ошибка, которую не заметили или не придали ей значения.
4 Нет возможности изменить количество товара
Казалось бы, простой и очевидный функционал, но не всегда он есть. В итоге человеку для изменения количества товара нужно удалить его из корзины интернет-магазина, вернуться в карточку товара и заново добавить нужную позицию.
5 Форма заказа на странице с корзиной
Нельзя сказать, что это ошибка. Некоторые магазины очень удачно реализуют корзину и заказ на одной странице. Но часто из-за формы заказа корзина интернет-магазина получается перегруженной.
Намного проще разнести корзину и форму заказа по разным страницам. Так не придется думать, как их скомпоновать. Да и аналитика станет более информативной — вы будете четко понимать, на каком этапе уходят посетители (из корзины или страницы заказа интернет-магазина).
6 Перегруженность корзины
Корзину интернет-магазина не стоит воспринимать слишком буквально и «сваливать» в нее все, что только можно: и форму заказа, и информацию о доставке, и правила доставки, и много чего еще.
Обратите внимание, как долго приходится листать, чтобы добраться до кнопки перехода на следующий этап оформления покупки:
7 Нет кнопки возврата к покупкам
Отдельные маркетологи считают, что человек должен двигаться из корзины только вперед. Но поведение покупателя нелинейное. Он может несколько раз переходить в корзину, изменять ее содержимое, прицениваться, прежде чем сделать покупку. И удобство навигации сыграет вам только на руку.
Если кнопки возврата на предыдущий шаг нет, человеку придется переходить на главную и искать нужные товары заново.
Покупателю будет удобней, если он кликнет по кнопке «Вернуться к покупкам» и попадет в исходную точку.
8 Невозможность оформить заказ через корзину
Суть корзины в том, чтобы оформить заказ онлайн. Без такой возможности она превращается в бесполезный шаг.
Чтобы не допускать таких досадных ошибок, проведите ревизию корзины на сайте. Если вам кажется, что все идеально, попросите друзей и знакомых взглянуть на корзину интернет-магазина и сделать замечания. Ее оптимизация не займет много времени, но каждая потраченная минута окупится приростом количества клиентов.
Видео по теме
SEO haqida, SEO va SMM
Как правильно оформить корзину интернет-магазина