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

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

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

На 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. При оформлении заказа запрашивайте у пользователей только необходимую для обработки заказа информацию

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

***

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

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

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Alexey tophat.ru
    11
    комментариев
    0
    читателей
    Alexey tophat.ru
    больше года назад
    Да нет, спасибо, что объединили всё в один список! Удобно
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Google Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
Askar Seitov
1
комментарий
0
читателей
Полный профиль
Askar Seitov - помогите! не могу понять почему по инструкции в вашей статье добавляю вычистяемые поля просто копирую ваш код, но датастудио выдает ошибку на этот код: Синтаксическая ошибка: Недопустимый входной символ. Убедитесь, что в формуле нет кавычек-лапок.. как это исправить? я все варианты кавычек уже попробовал
#SEOnews14: мы празднуем – вы получаете подарки!
Rizat Sundetov
1
комментарий
0
читателей
Полный профиль
Rizat Sundetov - 14
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
1qa
1
комментарий
0
читателей
Полный профиль
1qa - 87 Performance 95 Accessibility 79 Best Practices 95 SEO аудит точнее будет
Война с дубликатами. Как нужно и как не нужно канонизировать URL
Дмитрий
1
комментарий
0
читателей
Полный профиль
Дмитрий - Здравствуйте, на сайте возможно несколькими путями дойти до почти одинаковой страницы, те отличаться будет только незначительная часть H1, а контент будет одинаковым, дело в применимости автозапчастей к разным автомобилям. Что из этого будет каноничной ссылкой и какие есть пути для решения подобных ситуаций? 1 - bpauto.ru/catalog/audi/audi-a6/a6-iv-c7-sedan-2011-2014/kuzov-naruzhnaya-chast/dveri-i-komplektuyushchie/dver-perednyaya-levaya/ 2 - bpauto.ru/catalog/audi/audi-a6/a6-iv-c7-rest-sedan-2014-n-v-/kuzov-naruzhnaya-chast/dveri-i-komplektuyushchie/dver-perednyaya-levaya/
Как выбрать подрядчика для продвижения сайта: 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
Как построить качественный ссылочный профиль на основе конкурентов
Ирина
5
комментариев
0
читателей
Полный профиль
Ирина - Давно сотрудничаю с megaindex.com и считаю данный сервис одним из лучших в сео сегменте рунета да и не только рунета. Пользуюсь их инструментами для аналитики своих работ и выявлению своих и чужих ошибок. Да и ссылочный профиль, как и говорится в данной статье сделать гораздо проще и правильней при помощи как раз мегаиндекса. Добавлю еще что инструмент для поиска конкурентов у мегаиндекса очень удобный и простой в применении.
Как я пытался купить CRM-систему, но мне ее поленились продать
Kristina
1
комментарий
0
читателей
Полный профиль
Kristina - Очень рекомендую CRM-систему польской фирмы Firmao. Все функции настраиваются в соответствии с индивидуальным потребностям компании! Советую попробовать бесплатную демо-версию, чтобы попробовать все необходимые функции, без лишних кнопок и траты дополнительных финансов! :) Сайт: firmao.ru/info
Чек-лист для аудита рекламных кампаний в Яндекс.Директе и Google Ads
Елена Бикташева
1
комментарий
0
читателей
Полный профиль
Елена Бикташева - Спасибо! Была бы еще возможность скачивания.
6 советов по продвижению сайта в Google
Алексей Махметхажиев
1
комментарий
0
читателей
Полный профиль
Алексей Махметхажиев - Спасибо за статью! Конечно, измерять одним только гуглом скорость нельзя. Я измеряю PageSpeed + GTmetrix + loading.express. Так же надо следить за скоростью ответат сервера. Я использую ping-admin им можно мониторить падения сайта тоже.
Google назвал три главных SEO-фактора
Павел Андрейчук
45
комментариев
0
читателей
Полный профиль
Павел Андрейчук - Я бы не стал утверждать что это так. У меня есть ресурс где ссылок.. ну я не знаю, полтинник может быть, вручную проставленные года за 2 и позиции хорошие по могим запросам именно в гугле, в то время как в Яндексе позиции ниже. Хотя конечно с ссылками позиции были бы лучше, наверное, но владелец увы не выделяет бюджет на ссылки.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
353
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
105
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
69
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

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