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

Как создать интернет-магазин: оформляем корзину

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

На SEOnews продолжается рубрика «Как создать интернет-магазин». Ближайшие полгода мы будем рассказывать, почему вам нужен (или не нужен?) интернет-магазин, сколько денег нужно быть готовым потратить на его создание, как оформить основные разделы сайта, каким образом и где его продвигать. И это далеко не полный список вопросов, на которые наши эксперты готовятся дать ответ.

Сегодня учимся оформлять корзину и страницу заказа.

***

Продолжаем цикл статей об интернет-магазинах. Сегодня мы хотим поделиться 10 базовыми советами по оформлению такого важного элемента интернет-магазина, как корзина.

  1. Разместите иконку корзины так, чтобы ее легко было найти на сайте

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

1.	Разместите иконку корзины так, чтобы ее легко было найти на сайте

  1. Кнопка «Добавить в корзину» («В корзину», «Купить») должна быть понятной, заметной и простой

Сделайте процесс добавления товара в корзину легким и удобным для пользователя. Оформите кнопку «Добавить в корзину» таким образом, чтобы ее было хорошо видно и клиенту не приходилось думать, какие действия необходимо совершить для того, чтобы купить необходимый ему товар.

Рассмотрим два примера ниже. На примере слева кнопка «В корзину» отлично видна, и очевидно, что при нажатии на эту кнопку товар добавится в корзину. А вот на примере справа придется подумать, чтобы понять, что для добавления товара в корзину нужно не только поставить галочку рядом с товаром, но еще и нажать на ссылку «Добавить выбранное в корзину», а это не слишком удобно для пользователей.

Разместите иконку корзины так, чтобы ее легко было найти на сайте - 1      Разместите иконку корзины так, чтобы ее легко было найти на сайте - 2.png

  1. Добавьте кнопку «Заказ в 1 клик»

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

Добавьте кнопку «Заказ в 1 клик»

  1. Дайте возможность пользователю еще до оформления заказа узнать обо всех доступных на сайте способах оплаты

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

Дайте возможность пользователю еще до оформления заказа узнать обо всех доступных на сайте способах оплаты

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

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

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

Лучше, если на странице корзины будет видно изображение товара, его название, выбранные параметры (например, цвет, размер), количество и цену. Тогда у пользователя не возникнет по поводу того, правильно ли он выбрал товар, того ли цвета и размера и т.д. Также случается, что посетитель добавляет товар в корзину совершенно эмоционально, так как ему нравится внешний вид товара, и если в корзине будет просто перечисление товаров без картинок, пользователь может передумать покупать.

На странице корзины дайте возможность пользователю увидеть не только названия того, что он заказал, но и как данный товар выглядит - 1.png   На странице корзины дайте возможность пользователю увидеть не только названия того, что он заказал, но и как данный товар выглядит - 2

  1. Дайте возможность пользователю легко изменить количество товара прямо из корзины

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

Дайте возможность пользователю легко изменить количество товара прямо из корзины - 1    Дайте возможность пользователю легко изменить количество товара прямо из корзины - 2

  1. На страницах корзины и оформления заказа ничто не должно отвлекать пользователей от покупки

Уберите все баннеры, анимационные элементы, предложения с акциями и т.д. Ведь если пользователь перейдет по предложению с акцией, баннеру или прочим элементам на другую страницу сайта, то, отвлекшись, он может и не вспомнить, что хотел оформить заказ, а вы потеряете клиента. Хорошим примером может служить страница оформления заказа на сайте Ozon.ru. Когда вы выбираете товар, то вам могут предложить и скидки, и акционные товары, но как только вы переходите в корзину, вы не увидите никакой лишней информации, которая может отвлечь вас от покупки. На примере справа можно увидеть, что во время оформления заказа покупателям показывается баннер с акцией, отзывы о различных товарах и прочее, что может увести посетителей на другие страницы, откуда они, возможно, уже не вернутся в корзину, чтобы завершить покупку.

На страницах корзины и оформления заказа ничто не должно отвлекать пользователей от покупки - 1.png    На страницах корзины и оформления заказа ничто не должно отвлекать пользователей от покупки - 2.png

  1. Показывайте шаги оформления заказа

Дайте пользователю возможность знать, сколько осталось до конца оформления покупки. Процесс оформления заказа должен быть простым и понятным, поэтому не нужно превращать его в прохождение квеста с множеством шагов. Структурируйте все этапы покупки товара и выделите основные, например, Корзина — Оформление заказа — Оплата. Чем больше шагов в процессе оформления заказа, тем меньше покупателей дойдет до конца.

  1. При оформлении заказа запрашивайте у пользователей только необходимую для обработки заказа информацию

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

***

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

(Голосов: 6, Рейтинг: 4.67)
Читайте нас в Telegram - digital_bar

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Alexey tophat.ru
    11
    комментариев
    0
    читателей
    Alexey tophat.ru
    больше года назад
    Да нет, спасибо, что объединили всё в один список! Удобно
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
#SEOnews14: мы празднуем – вы получаете подарки!
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Гость, добрый день! С победителями мы связывались сразу после розыгрыша. Если мы вам не написали, значит, ваш номер не выпал. Но не расстраивайтесь, у нас обязательно будут новые розыгрыши!
Google Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
Светлана Зубрицкая
1
комментарий
0
читателей
Полный профиль
Светлана Зубрицкая - Нужно убрать пробелы между строк и заменить кавычки на вот такие "
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
Георгий
1
комментарий
0
читателей
Полный профиль
Георгий - Все что рекомендуется в этой статье есть у w.tools. Ни разу не пожалел что подключился. Своя CDN сеть, кеш статики и динамики, минификация js\css и кешируемого html, оптимизация всех типов картинок и еще куча всего полезного. Сайт летает и я не знаю проблем. Могу рекомендовать от души.
Война с дубликатами. Как нужно и как не нужно канонизировать URL
Ann Yaroshenko
5
комментариев
0
читателей
Полный профиль
Ann Yaroshenko - Дмитрий, добрый день! Если вы проставили на странице с автозапчастями rel=canonical ( а я вижу в коде, что не проставили) или в HTTP хедере, то бот, как правило: выберит ту страницу главной, которую вы указали в rel=canonical ссылке. Eсли же вы этого не сделали, то бот сам выберит оригинал (алгоритмы, по которым бот это делает, скрыты Googl-ом)
«Аудит, чтобы ты заплакала…», или Что делать, когда получил сторонний аудит сайта
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Воообще, на самом деле здесь двоякое впечатление от таких аудитов. Конечно, для полного глубокого анализа и подготовки рекомендаций по сайту - нужны доступы к системам аналитики и инструментам вебмастера. Но если оценивать подобные аудиты с точки зрения чистого SEO (которое все больше и больше становится лишь малой частью digital-маркетинга, лишь одним из каналов) - они имеют место быть. Но с оговоркой, что они сделаны с учетом анализа конкурентов/отрасли. Современные инструменты и алгоритмы позволяют делать это маркетологам в автоматическом режиме, и даже давать рекомендации - возможностями машинного обучения уже никого не удивишь. Да, полное перечисление "мифического" списка ошибок, построенного по предикативным правилам, да еще и с учетом устаревших особенностей ПС - это явный признак некачественного аудита. В первую очередь потому, что эти "ошибки" следует рассматривать в качестве рекомендаций от ПС (как и говорится в справочнике вебмастера у Яндекса/Google). Однако если эти данные даются с отсылкой на данные о конкурентах, об отрасли, используются методы ML и Natural language processing для обработки исходных данных, кластеризации запросов, классификации страниц/запросов/сайтов, определения структуры документа - такие отчеты имеют право на существование. Но ключевым моментом является то, что подобные инструменты достаточно сложны в разработке, а значит требуют квалифицированных специалистов для их разработки. Которых просто нет у студий рассылающих подобные "сео отчеты". Подобные отчеты по "ошибках" тоже неплохой источник информации, но лишь на 0 этапе анализа сайта. И в принципе, теоретически, возможно почти полное составление "хороших аудитов" без участия маркетолога, на основе лишь открытых данных сайта/внешних источников, но только при соответствующем применении всех современных возможностей анализа данных и рекомендательных систем. И в любом случае подобный "хороший отчет" требует конечного заключения от эксперта.
От мечты стать юристом к собственному SMM-агентству. Как найти себя в современном цифровом мире
Виктор Брухис
5
комментариев
0
читателей
Полный профиль
Виктор Брухис - Статья выглядит так, как пожелали редакторы и интервьюер) Вопросы к интервью подбирал не я)) Хотя, в целом я согласен с вашим видением. А за пожелание удачи большое спасибо!
BDD 2019: Как перестать убивать время на сбор и обработку тонны данных для SEO-аудита
Kosta Bankovski
4
комментария
0
читателей
Полный профиль
Kosta Bankovski - Спасибо за приятные слова! Буду и дальше делиться наработками ;)
Как провести анализ содержания страниц товаров и категорий
Никита Седнин
3
комментария
0
читателей
Полный профиль
Никита Седнин - Спасибо!
Как вывести сайт в ТОП 10 Google в 2019 году
Ирина
8
комментариев
0
читателей
Полный профиль
Ирина - Работают. Как естественные, так и закупные. >Мои сайты в первую очередь заточены на яндекс Соболезную. >Насколько поисковые алгоритмы с гугловскими у него. Разница в 10 лет. Вон в Яше все долбят на ключи, на вхождения и прочий трэш из древностей. А у Гугла, вон почитайте про eat, ymyl Не все понятно но спасибо за ответы. Я так понимаю что с ссылками деть никто точно не знает) Ну это и хорошо вообщем. Самому разбираться как то интересней. Но не всегда. Есть к примеру 2captcha.com/ru и на него 100к ссылок есть. Ну а смысл какой?
Как я пытался купить CRM-систему, но мне ее поленились продать
Kristina
1
комментарий
0
читателей
Полный профиль
Kristina - Очень рекомендую CRM-систему польской фирмы Firmao. Все функции настраиваются в соответствии с индивидуальным потребностям компании! Советую попробовать бесплатную демо-версию, чтобы попробовать все необходимые функции, без лишних кнопок и траты дополнительных финансов! :) Сайт: firmao.ru/info
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
360
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
107
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
79
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

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