Как сообщить о добавлении товара в корзину

Россия+7 (495) 960-65-87
Шрифт:
7 9651

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

Данная функция на сайте может служить двум целям:

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

Консультант в сфере электронной коммерции Дэн Баркер отмечает: «Какая цель более выгодна для вас, зависит от того, что для вас приоритетнее — привлечение клиентов или сумма заказа. Также следует учитывать, способен ли ваш ассортимент стимулировать покупку других товаров и велика ли вероятность того, что заказ не будет оформлен, если вы порекомендуете что-то еще».

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

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

На сайте Shoprush о добавлении товара в корзину сигнализирует зеленая полоска с текстом.

Что не так:

  1. непонятно, где находится корзина;
  2. неочевиден факт совершения действия, так как состояние кнопки «Добавить в корзину» не изменилось;
  3. нет предложений оформить заказ или посмотреть другие товары;
  4. нет информации о сумме заказа. Информацию об этом можно найти только в правом верхнем углу окна.

Сайт Amazon не использует никаких туманных намеков, а аккуратно направляет покупателя в сторону оформления заказа, поэтому нет никаких сомнений, что товар добавлен в корзину.

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

Это интересный подход по ряду причин:

  1. уводит покупателя со страницы товара;
  2. сообщает, какой товар добавлен в корзину, сколько он стоит и какова суммарная стоимость добавленного в корзину;
  3. помогает продолжить просмотр других товаров с помощью понятной навигации;
  4. стимулирует покупателя оформить заказ, оставляя право отредактировать корзину;
  5. осуществляет кросс-продажи по четырем схемам: «Вместе с этим покупают», «Купившие это также купили», «Просмотревшие этот товар купили...», «Популярные товары». Модульная структура страницы позволяет легко изменять ее в соответствии с информацией о пользователе.

На сайте Tredz удалось совместить сильные стороны предыдущих решений.

Плюсы:

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

Еще несколько примеров из жизни

ASOS

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

Uniqlo

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

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

John Lewis

Замечательный пример на сайте John Lewis: сообщение о добавлении товара возникает в поле под кнопкой. Ссылка на корзину, находящаяся в верхнем правом углу, меняет цвет.

Tesco

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

Webtogs

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

Whistles

На сайте Whistles используется нестандартный подход — ссылка на корзину будто обведена фломастером. Выделение сохраняется, пока вы путешествуете по сайту. Заметное и полезное напоминание. Призыв к действию также меняется. Можно выбрать «Оформить заказ» или нажать на «Добавить в корзину», чтобы продолжить выбирать товары.

Pen Heaven

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


По материалам Econsultancy.com


Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Кристина
    больше года назад
    Алекс Вайс, Хочу отметить, что при добавлении 2-х и более товаров в корзину, поле "Итого" залезает под кнопку "Оформить заказ", что крайне не удобно :)
    -
    0
    +
    Ответить
  • Юлия Пугачева
    0
    комментариев
    0
    читателей
    Юлия Пугачева
    больше года назад
    Алекс Вайс, спасибо огромное, что поделились примером реализации на своем сайте! Есть ли данные, насколько повысилась эффективность?
    -
    0
    +
    Ответить
  • Алекс Вайс
    1
    комментарий
    0
    читателей
    Алекс Вайс
    больше года назад
    Последние три примера очень классные. Мы в /bagrepublic сделали аналогичным образом всплывающее окошко с корзиной.
    [IMG]http://i2.minus.com/iwLHyHD30ixq.PNG[/IMG]
    -
    0
    +
    Ответить
  • Лиана Орлова
    1
    комментарий
    0
    читателей
    Лиана Орлова
    больше года назад
    Всем конечно не угодить, но однозначно бесит, когда вообще не понятно добавился ли товар в корзину. Круче всех те обладатели интернет-магазинов, которые вообще не выводят корзину на видное место, не сразу и разберешься как проверить что в корзине.
    С уважением, http://avenuesoft.ru/
    -
    0
    +
    Ответить
  • SEOinar
    больше года назад
    Все правильно. Я считаю нужно в обязательном порядке сигнализировать о наличии товара в корзине, обязательно выделять ярким цветом отличным от цвета сайта, размещать корзину сверху и еще желательно при прокрутке, чтобы корзина с товарами была всегда на виду.
    -
    0
    +
    Ответить
  • nik
    больше года назад
    У сайта Tredz, после изображения идут только плюсы и плюсы))) поправьте
    -
    0
    +
    Ответить
  • Юлия Пугачева
    0
    комментариев
    0
    читателей
    Юлия Пугачева
    больше года назад
    nik, такие плюсы можно повторять бесконечно :)
    Спасибо, поправили.
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Кейс: как продвинуть сайт производителя мебели на заказ в Москве
Art Moderator
2
комментария
0
читателей
Полный профиль
Art Moderator -
Рейтинг «Известность бренда SEO-компаний 2017»: народное голосование
Гость
1
комментарий
0
читателей
Полный профиль
Гость - 1) Ingate 2) Ашманов 3) Кокос 4) Russian Promo 5) Netpeak
«Баден-Баден»: как выйти из-под фильтра
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Здравствуйте! У меня совсем новый сайт (около месяца). Как только добавила страницы - были на 64, 45 и т.д. местах в выдаче яндекса по нч и сч запросам, но через несколько дней улетели за пределы 200. Что это баден - баден или песочница? Текст вроде не спамный, но мне трудно судить. Сайт portretnazakaz.ru
Второе дыхание ссылочного продвижения
Rookee.ru
24
комментария
0
читателей
Полный профиль
Rookee.ru - Еще лучше, когда продвижение осуществляется комплексно :)
32 инструмента в помощь SEO-специалисту
Alex Wise
5
комментариев
0
читателей
Полный профиль
Alex Wise - Данис, я тысячу раз извиняюсь насчёт имени! :( Хотя уверен, что лучше всех вас понимаю по этому поводу, ибо меня всегда называют "Алексеем", хотя я Александр: всё из-за сокращения Alex ;) Жду фидбека по новой версии 3.0!
Исследование: влияние smart-ссылок на продвижение по СЧ-запросам
Анатолий Шевчик
1
комментарий
0
читателей
Полный профиль
Анатолий Шевчик - +1097988
Контекст под SEO. Как поисковая реклама помогает позициям в органической выдаче
Сергей Дембицкий «Sima-Land.ru»
22
комментария
0
читателей
Полный профиль
Сергей Дембицкий «Sima-Land.ru» - Боже мой, неужели SEO-маги вернулись??? Открыть в роботс utm-метки для индексации и наплодить дублей...что? А расчеты в конце статьи про бюджет на SEO и контекст...откуда эти пропорции? Как по мне, SEO-магия вне Хогвартс. Спасибо, развеселили!
Западные специалисты выяснили, как повысить позиции ресурса в выдаче Google
Максим Мирошник
2
комментария
0
читателей
Полный профиль
Максим Мирошник -
Все, что нужно SEO-специалисту. Обзор инструментов
Администратор Сайта
1
комментарий
1
читатель
Полный профиль
Администратор Сайта - Шаришь в seo! Сервис реально хороший
«Прямая линия» с Артуром Латыповым: отвечаем на вопросы
God Koss
1
комментарий
0
читателей
Полный профиль
God Koss - Добрый день! Есть сайты одной компании продвигающиеся в разных странах. .ru .com .net. На российском сайте два языка ru и en, на остальных до 10 языков. Недавно сайт ru по основному брендовому запросу выпал из выдачи Яндекс но после апа вернулся на вторую позицию. На вопрос аффилирования в тех поддержку, получит ответ, что всё в порядке и сайт com не учавствует в выдаче. Но он есть и занимает 1 место. Как быть в данной ситуации? Так же, после возврата в топ 10 по этому запросу зашла еще одна внутренняя страница. Могло ли это случиться из-за каннибализации запроса? Немного изменил description на внутренней, исключил вхождения брендового запроса. Жду апа. Хотел бы услышать ваше мнение. Заранее благодарю!
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
321
Комментариев
262
Комментариев
234
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
86
Комментариев
80
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55
Комментариев
54
Комментариев
53

Отправьте отзыв!
Отправьте отзыв!