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

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

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

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

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

  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
Сколько ссылок помогут продвинуть молодой сайт
Павел Андрейчук
33
комментария
0
читателей
Полный профиль
Павел Андрейчук - Дело в том, что вряд ли в ваших платных "качественных" кейсах найдётся хоть пару % действительно новой и полезной информации которой бы не было на общедоступных источниках.
Сайт на WordPress: за и против
Мира Смурков
1
комментарий
0
читателей
Полный профиль
Мира Смурков - Людмила, я согласен с большинством комментаторов. Вы хоть один полноценный магазин сделали на этих движках? Woocommerce это система с супер возможностями. И к ней есть дополнительные модули, с функционалом, который вряд ли появиться на Битрикс. А самому это программировать - сотни тысяч рублей на разработку. А приведя в пример сложности с robots.txt и Sitemap вы ставите под вопрос вашу компетенцию в понимании Интернет-бизнеса и веб-разработки в целом. Во-первых это такие мелочи, а во-вторых это все делается на вордпресса за 2 минуты, и опять же с возможностями многократно превышающими Битрикс.
Обзор популярных CMS: плюсы и минусы
Гость
1
комментарий
0
читателей
Полный профиль
Гость - как по мне joomla! самая удобная и гибкая система из всех современных (я про wp раньше так думал, пока меня в Extrit не убедили в обратном). Раньше всегда оставался на техподдержке, потому что сам заполнять не мог, а теперь делаю это сам, потому что админка простая как палка. + на других цмсках при просьбе что-то добавить мне либо цену загибали овер 100500 либо говорили - нереально, делай новый сайт. А на joomla норм
Google обошел Яндекс по популярности в России в 2018 году: исследование SEO Auditor
Рамблер
1
комментарий
0
читателей
Полный профиль
Рамблер - Вот вроде отечественный - это сказано верно.. «Я́ндекс» — российская транснациональная компания, зарегистрированная в Нидерландах. Так говорится в Википедии. И с хрена ли ОТЕЧЕСТВЕННЫЙ поисковик зарегистрирован в Европе? И где платится основная часть налогов? Ну-ууу, точно не в России. И если запахнет жаренным, то был Яндекс и нет Яндекса!
8 методик в SEO, от которых давно пора отказаться
Евгений Сметанин
11
комментариев
0
читателей
Полный профиль
Евгений Сметанин - Факторов вообще очень много, согласитесь, вы будете использовать максимальное их количество, особенно, если в ТОПе засели агрегаторы с сумасшедшими ПФ. В таких случаях, вхождение ключа в домен для маленького профильного сайта, сыграет свою положительную роль. Конечно же, если контент на страницах хорошего качества. У меня есть несколько успешных кейсов на эту тему. На сайте продают несколько видов товаров, а выстреливает в ТОП тот, название которого присутствует в доменном имени. Как корабль назовешь, так он и поплывет, верно?))
Инструкция: настраиваем цели Яндекс.Метрики через Google Tag Manager
Roman Gorkunenko
1
комментарий
0
читателей
Полный профиль
Roman Gorkunenko - Здравствуйте. Подскажите, пожалуйста, можно с айпи метрики вытащить среднюю стоимость клика по утм меткам? В метрике есть такой шаблон tags_u_t_m, но он не совместим с меткой директа, у них разные префиксы.
Аудит структуры интернет-магазина мебели от «Ашманов и партнеры»
Дмитрий
11
комментариев
0
читателей
Полный профиль
Дмитрий - Сергей, а вы допускаете, что вся ваша жизнь - seo-миф?
Идеальный каталог для продвижения сайта: структура и функционал
Татьяна Ягутьева
6
комментариев
0
читателей
Полный профиль
Татьяна Ягутьева - Уважаемый Денис, сделайте сами напишите свою статью. Посоветуйте другую универсальную CMS, желательно идеальную по всем параметрам. Битрикс очень сильно зависит от разработчика. Если у него прямые руки - бардака не будет. А вообще, конечно, холивар на тему CMS/конструкторов/фреймворков - наверное, вечный. Давайте не будем начинать :)
Как выбрать подрядчика для продвижения сайта: 7 уровней воронки поиска
aashutosh
1
комментарий
0
читателей
Полный профиль
aashutosh - data science training institute in noida- Webtrackker Technology (8802820025) providing Data Science Training in Noida. Get ✓ 40 Hours Learning training✓ 70 Hrs Projects ✓ 24 X 7 Support ✓ Job Assistance. WEBTRACKKER TECHNOLOGY (P) LTD. C - 67, sector- 63, Noida, India. E-47 Sector 3, Noida, India. +91 - 8802820025 0120-433-0760 +91 - 8810252423 012 - 04204716 EMAIL:info@webtrackker.com webtrackker.com/Best-Data-Science-Training-Institute-in-Noida.php
Какой сюрприз! 8 историй про новогодние подарки от digital-компаний
Мистер Гость
1
комментарий
0
читателей
Полный профиль
Мистер Гость - У нас был более универсальный digital-подход - дарили электронные подарочные карты)
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
345
Комментариев
262
Комментариев
246
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
74
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
56
Комментариев
55

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