×
Россия +7 (495) 139-20-33

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

Россия +7 (495) 139-20-33
Шрифт:
7 12135

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

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

  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


(Голосов: 5, Рейтинг: 5)
Читайте нас в 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
Кейс: как за 30 дней вывести новый сайт в ТОП выдачи Google
Сергей
2
комментария
0
читателей
Полный профиль
Сергей - Прошёл у Паши курс год назад, пытался продвигать свой сайт portativ.org.ua, но особых продвижений нет. Наверное сео уже умерло??
Облако тегов в интернет-магазине: прикладная инструкция по увеличению трафика
Юлия Дмитриева
2
комментария
0
читателей
Полный профиль
Юлия Дмитриева - Согласна с вами, что в любом деле важен индивидуальный подход:)
Специалисты в Рунете заметили глобальную накрутку поведенческих факторов
Дмитрий Кулаевский
1
комментарий
0
читателей
Полный профиль
Дмитрий Кулаевский - кто-нибудь знает как с этим бороться? очень много такого трафа идёт с июля, сайт сильно просел
Как стандартизировать данные семантики с помощью логарифмов
Юлий
1
комментарий
0
читателей
Полный профиль
Юлий - Чем снималась коммерцелизация?
Яндекс возобновил «показательные порки» за накрутку поведенческих факторов
Антон
1
комментарий
0
читателей
Полный профиль
Антон - Никакой не выпал. Кроме клиентского сайта, который проседал из-за скрутки, о чем Я.Поиску сообщали и клиенту тоже. Ноль реакции от поисковика (продолжайте развивать сайт, никаких проблем нет ...). Клиенту надоело и он заказал накрутку у подрядчиков. Мы искренне ждали бана, сообщали об этом клиенту, т.к. мы все таки делаем все остальное для развития. Как итог: с лета полет нормальный. Сайт растет, никаких проблем. Случайно даже стажер палил тех поддержке факт использования накрутки. И ничего. Сайт растет дальше. Если они не могут ничего принять даже после признания факта накрутки, что они могут сделать с жалобами на накрутку конкурентов?! Никогда не одобряли данные методы, но ... похоже ... все работает :)
От количества к качеству: что происходит с рекламой в Рунете
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Истину глаголите!
Михаил Ляшенко (PostMarket): о рынке инфлюенс-маркетинга и рекламе у блогеров
Григорий Романченко
1
комментарий
0
читателей
Полный профиль
Григорий Романченко - Неудивительно, что все хвалят PostMarket, это действительно достойный сервис, недавно стали через них продвигать свой продукт, результаты есть, продажи выросли на 40% и это только начало.
«Нет в наличии»: что делать с карточками отсутствующего товара
freyr energy
1
комментарий
0
читателей
Полный профиль
freyr energy - Thank you so much @ admin for share your valuable thoughts and ideas We always enjoy your articles its inspired a lot by reading your articles day by day. So please accept my thanks and congrats for success of your latest series. We hope, you should published more better articles like ever before solar rooftop
15 языков программирования, за знание которых платят выше среднего
Любомир
2
комментария
0
читателей
Полный профиль
Любомир - Ну и ЗП: ни слова о том что она варируеться от 0 до 100 000$ в год!!! Что до высокой зп надо несколько лет етим заниматся! Что 100 000$ в год на западе заробатывают, а где нибудь в азиатских страннах 100$ в год. В СНГ первые годы в разработчика ЗП как в грузчика на складе - это где то 4-5 тыс. долларов в год, и уже имея несколько лет опыта возможно дойти до 10-20 тыс. долларов в год! Почему нет конкретики? Меня лично нервирует то что людям внушают великие ЗП в АйТи, а люди тупые и ведутся!!!!
Яндекс тестирует оценки сайта в сниппете
Сергей Демин
8
комментариев
0
читателей
Полный профиль
Сергей Демин - вопрос такой: где получить оценку о сайте? а не об организации
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
384
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
113
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
91
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

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