08.04.2016

Правильная корзина товаров для сайта

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

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

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

Основные элементы в корзине. Примеры реализации.

Информация о товаре в корзине

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

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

Корзина с полной информацией о товаре

Корзина с полной информацией о товаре

Рисунок 1 — Корзины с полной информацией о товаре

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

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

Ниже представлены примеры реализации.

Корзина с указанием стоимости доставки

Рисунок 2 — Корзина с указанием стоимости доставки

Указана цена доставки. Покупателю предоставлен выбор способов получения товара. Ссылка ведет на подробную информацию о доставке.

На рисунке 3 предоставлены все возможные способы доставки с подробными пояснениями.

Блок выбора способа доставки внутри корзины

Рисунок 3 — Блок выбора способа доставки внутри корзины


Поле для скидок

Поле «Скидки» должно предоставлять пользователю информацию о выгоде покупки. На рисунке 4 указаны стоимости со скидкой и без нее. Это, как правило, мотивирует пользователей к действиям.

Отображение стоимости заказа с учетом скидок

Рисунок 4 — Отображение стоимости заказа с учетом скидок


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

Наличие специальных полей для скидок

Рисунок 5 — Наличие специальных полей для скидок


Итоговая стоимость заказа

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

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

Корзина товаров с указанием итоговой цены

Рисунок 6 — Корзина товаров с указанием итоговой цены


Варианты оплаты заказа

Необходимо предоставлять клиентам возможность выбирать способы оплаты (наличный, безналичный расчет). Для удобства пользователей нужно интегрировать в интернет-магазин различные системы оплаты: Visa, Mastercard, Qiwi и т. д. Но не стоит использовать слишком много систем оплаты. Это может запутать посетителя, поэтому лучше внедрять системы, популярные в регионе Вашего интернет-магазина.

Далее на рисунке показан пример реализации элемента оплаты заказа на странице корзины. Указаны способы оплаты и подробная сопутствующая информация.

Выбор способов оплаты в корзине

Выбор способов оплаты в корзине

Рисунок 7 — Выбор способов оплаты в корзине


Условия и гарантии

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

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

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

Страница корзины со ссылками на страницы условий доставки и оплаты

Рисунок 8 — Страница корзины со ссылками на страницы условий доставки и оплаты


Похожие и сопутствующие товары

При покупке пользователю рекомендуется предоставлять товары, которые бы дополнили его покупку. Например, на рисунке 9 видно, что при покупке перфоратора за 11223 рубля нам предлагают приобрести зубило (809 руб.), бур (1588 руб.) и другие товары, которые могут быть использованы совместно с перфоратором. Стоит отметить, что цены на сопутствующие товары не должны отпугивать пользователя. Оптимальная стоимость должна быть, как минимум, в 2 раза ниже стоимости основного желаемого товара. В нашем примере видно, что цены на сопутствующие товары повлияют на итоговую сумму незначительно и не испугают клиента. В связи с этим, велика вероятность приобретения и таких товаров.

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

Рисунок 9 — Корзина с предложением сопутствующих товаров

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

Предложение похожего товара

Рисунок 10 - Предложение похожего товара


Продолжение покупки на сайте

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

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

Рисунок 11 — Возможность выбора действий в корзине


Завершение заказа

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

Отчет о завершении сделки

Рисунок 12 — Отчет о завершении сделки


Кнопки «Купить» или «Заказать»

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

Кнопки для интернет-магазина

Рисунок 13 — Кнопки для интернет-магазина


Элементы «Социальные сети»

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

1. Большая численность целевой аудитории,

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

3. Постоянная обратная связь посетителя (клиента) и администратора (продавца).

Блоки социальных сетей на странице «корзина»

Рисунок 14 — Блоки социальных сетей на странице «корзина»


Немного о юзабилити корзин для интернет-магазинов

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


Все публикации

Узнай стоимость продвижения:
Ваш телефон (наш менеджер свяжется с Вами)



Отправляя данную форму Вы разрешаете ООО «Пиар Урал» получать, хранить и использовать Ваши персональные данные.

Спасибо, в ближайшее время с Вами свяжется специалист.


Закрыть


Рассчитать стоимость:

Адрес Вашего сайта
Услуги

Ключевые слова


Бюджет (в месяц)
Ваше имя
Ваш телефон*
Ваш E-mail
Отправляя данную форму Вы разрешаете ООО «Пиар Урал» получать, хранить и использовать Ваши персональные данные.

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


Закрыть

© 2005-2017, Студия интернет-рекламы "PRодвижение" | 454084, г. Челябинск, ул. Кирова 19, 11 этаж, офис 1104, тел. +7 (351) 277-75-04