Rookee
Россия+7 (495) 960-65-87

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

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

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

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

  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
    +
    Ответить
  • Юлия Пугачева
    20
    комментариев
    LANG_NO
    читателей
    Юлия Пугачева
    больше года назад
    Алекс Вайс, спасибо огромное, что поделились примером реализации на своем сайте! Есть ли данные, насколько повысилась эффективность?
    -
    0
    +
    Ответить
  • Алекс Вайс
    1
    комментарий
    LANG_NO
    читателей
    Алекс Вайс
    больше года назад
    Последние три примера очень классные. Мы в /bagrepublic сделали аналогичным образом всплывающее окошко с корзиной.
    [IMG]http://i2.minus.com/iwLHyHD30ixq.PNG[/IMG]
    -
    0
    +
    Ответить
  • Лиана Орлова
    1
    комментарий
    LANG_NO
    читателей
    Лиана Орлова
    больше года назад
    Всем конечно не угодить, но однозначно бесит, когда вообще не понятно добавился ли товар в корзину. Круче всех те обладатели интернет-магазинов, которые вообще не выводят корзину на видное место, не сразу и разберешься как проверить что в корзине.
    С уважением, http://avenuesoft.ru/
    -
    0
    +
    Ответить
  • SEOinar
    больше года назад
    Все правильно. Я считаю нужно в обязательном порядке сигнализировать о наличии товара в корзине, обязательно выделять ярким цветом отличным от цвета сайта, размещать корзину сверху и еще желательно при прокрутке, чтобы корзина с товарами была всегда на виду.
    -
    0
    +
    Ответить
  • nik
    больше года назад
    У сайта Tredz, после изображения идут только плюсы и плюсы))) поправьте
    -
    0
    +
    Ответить
  • Юлия Пугачева
    20
    комментариев
    LANG_NO
    читателей
    Юлия Пугачева
    больше года назад
    nik, такие плюсы можно повторять бесконечно :)
    Спасибо, поправили.
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Рейтинг Известности 2018: старт народного голосования
Михаил Р
1
комментарий
LANG_NO
читателей
Полный профиль
Михаил Р - 1. Demis 2. кокс 3. Ашманов 4. Скобеев 5. Digital Strategy
Рейтинг Известности 2018: второй этап народного голосования
Константин Сокол
3
комментария
LANG_NO
читателей
Полный профиль
Константин Сокол - Кто был ответственный за дизайн таблицы голосования? Копирайтер?
Сколько ссылок помогут продвинуть молодой сайт
Павел Андрейчук
26
комментариев
LANG_NO
читателей
Полный профиль
Павел Андрейчук - Дело в том, что вряд ли в ваших платных "качественных" кейсах найдётся хоть пару % действительно новой и полезной информации которой бы не было на общедоступных источниках.
Сайт на WordPress: за и против
Мира Смурков
1
комментарий
LANG_NO
читателей
Полный профиль
Мира Смурков - Людмила, я согласен с большинством комментаторов. Вы хоть один полноценный магазин сделали на этих движках? Woocommerce это система с супер возможностями. И к ней есть дополнительные модули, с функционалом, который вряд ли появиться на Битрикс. А самому это программировать - сотни тысяч рублей на разработку. А приведя в пример сложности с robots.txt и Sitemap вы ставите под вопрос вашу компетенцию в понимании Интернет-бизнеса и веб-разработки в целом. Во-первых это такие мелочи, а во-вторых это все делается на вордпресса за 2 минуты, и опять же с возможностями многократно превышающими Битрикс.
Кейс: вывод лендинга по изготовлению флагов на заказ в ТОП 1 по Санкт-Петербургу
utka21
5
комментариев
LANG_NO
читателей
Полный профиль
utka21 - Кейс как кейс. Для некоторых станет вполне возможно полезным. ( Для конкурентов точно) . А вот с комментариями , что то пошло не так )
Обзор популярных CMS: плюсы и минусы
Гость
1
комментарий
LANG_NO
читателей
Полный профиль
Гость - У Битрикса техническое seo сильно страдает, чтоб оно там было нормальным придется все переделать. Безопасность у Битрикса тоже низкая, особено если надо дорабатывать функционал, как только правиться функционал у Битрикс , то уровень ее безопасности определяет тот разработчик , который этим занимается. Самые безопасные движки те, что нет в общем доступе и где нельзя ничего редактировать в коде. =)
Google обошел Яндекс по популярности в России в 2018 году: исследование SEO Auditor
Рамблер
1
комментарий
LANG_NO
читателей
Полный профиль
Рамблер - Вот вроде отечественный - это сказано верно.. «Я́ндекс» — российская транснациональная компания, зарегистрированная в Нидерландах. Так говорится в Википедии. И с хрена ли ОТЕЧЕСТВЕННЫЙ поисковик зарегистрирован в Европе? И где платится основная часть налогов? Ну-ууу, точно не в России. И если запахнет жаренным, то был Яндекс и нет Яндекса!
8 методик в SEO, от которых давно пора отказаться
Евгений Сметанин
11
комментариев
LANG_NO
читателей
Полный профиль
Евгений Сметанин - Факторов вообще очень много, согласитесь, вы будете использовать максимальное их количество, особенно, если в ТОПе засели агрегаторы с сумасшедшими ПФ. В таких случаях, вхождение ключа в домен для маленького профильного сайта, сыграет свою положительную роль. Конечно же, если контент на страницах хорошего качества. У меня есть несколько успешных кейсов на эту тему. На сайте продают несколько видов товаров, а выстреливает в ТОП тот, название которого присутствует в доменном имени. Как корабль назовешь, так он и поплывет, верно?))
Стартовал сбор заявок на участие в рейтинге «Известность бренда SEO-компаний 2018»
Артем Первухин
1
комментарий
LANG_NO
читателей
Полный профиль
Артем Первухин - Make KINETICA Great Again!
Инструкция: настраиваем цели Яндекс.Метрики через Google Tag Manager
Roman Gorkunenko
1
комментарий
LANG_NO
читателей
Полный профиль
Roman Gorkunenko - Здравствуйте. Подскажите, пожалуйста, можно с айпи метрики вытащить среднюю стоимость клика по утм меткам? В метрике есть такой шаблон tags_u_t_m, но он не совместим с меткой директа, у них разные префиксы.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
343
Комментариев
262
Комментариев
244
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
71
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
56
Комментариев
55

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