6 лучших практик оформления корзины в интернет-магазине

Бывало ли с вами такое, что вы заходили в интернет-магазин, добавляли товары в корзину, а затем покидали сайт, не завершив покупку 🛒?

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

Исследование 2022 года показало, что почти 70% посетителей интернет-магазинов добавляют что-то в корзину и покидают сайт. Это явление называется "брошенные корзины". 

Почему люди бросают свои корзины?

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

Уже упомянутое исследование 2022 года проливает свет на самую популярную причину отказа от покупок: в США 58% пользователей бросали свои корзины как раз потому, что они изначально просто просматривали товары без намерения совершить покупку.

Однако, были и другие причины:

• 48% посчитали дополнительные расходы (налоги, доставка и т.д.) избыточными
• 24% не захотели создавать учетную запись на сайте
• 17% назвали процесс оформления заказа слишком длинным или сложным
• 16% сказали, что информация о конечной стоимости оказалась недостаточно прозрачной
• 13% столкнулись со сбоями в работе сайта
• 9% расстроились, что на сайте слишком мало доступных способов оплаты

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

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

1. Разместите иконку корзины в правом верхнем углу

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

Amazon, одна из крупнейших компаний в области электронной коммерции, начала использовать корзину покупок в конце 1990-х годов. На этом скриншоте из архива Wayback Machine видно, что в 1999 году иконка корзины располагалась в центре панели навигации.

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

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

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

2. Показывайте количество товаров в корзине

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

На сайте Ozon, когда вы добавляете товары в корзину, рядом с ней меняется значок, который показывает общее количество выбранных товаров.

‍

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

3. Проинформируйте людей о том, что товар добавлен в корзину

Покупатели должны понимать, что выбранный товар был добавлен в корзину. Amazon справился с этой задачей на отлично — действие подтверждается недвусмысленным сообщением “Добавлено в корзину” (Added to Basket). Оно набрано зеленым шрифтом и появляется в верхней части экрана. Желтая кнопка "Перейти к оформлению заказа" (Proceed to checkout) также подталкивает покупателей к совершению покупки. 

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

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

4. Добавьте на сайт мини-корзину

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

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

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

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

5. Сделайте заметной информацию о бесплатной доставке

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

Например, Midwest Mutt Shop разместили в интерфейсе ярко-красный баннер с напоминанием о том, что они предлагают бесплатную доставку при заказе на сумму свыше $25. Он сразу бросается в глаза, когда мы заходим на сайт. Под иконкой корзины отображается промежуточный итог, который как бы говорит покупателю, сколько долларов ему не хватает до бесплатной доставки ("Осталось всего $4,25!"). Это мотивирует людей потратить немного больше.

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

6. Переведите пользователей на страницу оформления заказа

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

Вот пример корзины Wildberries, которая направляет клиентов к завершению процесса покупки.

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

Маленькие детали имеют большое значение

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

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