Как сделать магазин без корзины
Проектирование интернет-магазина: личный кабинет, корзина, доставка-оплата, рассылка и другое
Очередная статья большого обзора функционала интернет-магазинов. Сегодня я расскажу про личный кабинет, избранное, интеграцию с социальными сетями, корзину, доставку-оплату, рассылку и уведомления. Всего, вместе с этой частью статьи, я рассмотрел около 50 модулей современных интернет-магазинов.
Прошлые статьи серии можно найти тут:
Регистрация / личный кабинет
Для любого интернет-магазина важно, чтобы пользователи регистрировались на сайте и оставляли о себе много информации. Это позволяет увеличить средний чек и сильно повышает шансы интернет-магазина превратить разового покупателя в постоянного.
Сама регистрация должна быть очень простой, чтобы не стать барьером для пользователя, а интернет-магазин должен стимулировать пользователей зарегистрироваться. Некоторые крупные интернет-магазины запрещают совершать покупки незарегистрированным пользователям – это довольно спорный способ заставить зарегистрироваться, но он показывает важность регистрации на сайте. Мотивация зарегистрироваться может быть самой разной: специальная скидка для зарегистрированных пользователей, доступ к любым акциям только для зарегистрированных, особые условия зарегистрированным и т.д.
Рис. 1. Личный кабинет.
Часто сайты используют прием скрытой регистрации, запрашиваю у пользователя email или телефон для целей не связанных с регистрацией, например, при оформлении покупки, а затем высылают ему логин и пароль от его учетной записи. При этом на компьютере пользователя создается Cookie-файл с помощью которого сайт будет помнить этого пользователя на протяжении нескольких месяцев, желательно не менее полугода. Это в целом правильный прием: покупка доступна без регистрации, но пользователь в результате все равно будет зарегистрирован.
Сама форма регистрации / логина обычно расположена в правой части шапки сайта. При нажатии открывается всплывающее окно с формой. Иногда, для экономии места, делают только одну ссылку «Войти», при клике на которую открывается всплывающее окно, разделенное на две части: слева форма регистрации, а справа форма ввода логина и пароля для зарегистрированных пользователей.
Важно сделать возможность регистрации с помощью социальных сетей. Это снижает барьер для ленивых пользователей и увеличит количество регистраций. Не все социальные сети отдают email пользователя, поэтому для некоторых нужно будет дополнительно его спросить сразу после авторизации. В личном кабинете должна быть возможность привязки нескольких популярных социальных сетей к профилю, для рунета это: VK, Facebook, Google, Яндекс и Twitter.
Кроме этого для любого интернет-магазина будет полезна любая дополнительная информация о пользователе. Стоит сделать необязательную для заполнения вкладку с расширенными данными о пользователе, донести до него мысль, что эта информация позволит сделать магазин более персонализированным и ненавязчиво попросить его заполнить её при регистрации. Заполнять не все, но это будет один из многих шагов по сбору и анализу подробной информации о каждом из пользователей.
Рис. 3. Личный кабинет (регистрация).
Первой страницей в личном кабинете обычно делается страница основных настроек пользователя (ФИО, email, телефон, адрес доставки, связь с социальными сетями и т.д.) и магазина (интересные категории, настройка персонализации и т.д.), в ней могут появляться важные информационные сообщения. Одно из таких сообщений – блок с просьбой оставить отзыв о купленных товарах или заполнении расширенной информации о пользователе. В целом это именно то место, где стоит просить пользователя сделать выгодные для магазина действия. Как вариант, более современный и выгодный магазину – сделать первой вкладку активность, на которой отобрать все, к чему пользователь имеет отношение: обновление цен на интересные товары, новинки в интересных ему категориях, ответы на его комментарии и т.д. Такая страница с высокой долей вероятности заставить его углубиться для совершения различных действий на сайте. Если пользователь сделал заказ, то на главной странице кабинета пользователя стоит показать временный блок с информацией по выполняемому заказу и его движению, после доставки блок должен пропасть.
Следующая важная функция в личном кабинете – это история покупок. Магазин должен хранить данные по всем покупкам, которые сделал пользователь. В интерфейсе это обычно отдельная вкладка, в которой представлен список всех заказов в хронологическом порядке, начиная с самых свежих. У каждого заказа должен быть номер и дата, по которому его смогут идентифицировать сотрудники магазина. Кроме того количество товаров в заказе, цена и статус (Выполнен, Ожидание, В пути и т.д.). В каждый заказ можно зайти и посмотреть. Довольно часто люди повторяют заказы, поэтому стоит предложить пользователю функцию «Повторить заказ».
После истории идет вкладка «Мои желания», в которой есть один или несколько списков желаний.
Также важна вкладка с управлением подписками: на рассылки, на отдельные товары, на комментарии и других элементы сайты.
Часто в личный кабинет входит и корзина, как отдельная вкладка. Это тоже часть личного пространства пользователя: он может положить товар в корзину и уйти с сайта, все товары при этом должны сохраниться и при авторизации они будут доступны.
Также можно посмотреть в сторону социализации интернет-магазина и сделать функцию личных сообщений или даже пойти дальше и сделать элементы социальной сети. Это будет стимулировать социальную активность, которая в свою очередь при правильном маркетинговом позиционировании и направлению пользователей в нужное русло, может повысить продажи и точно пойдет на пользу лояльности к бренду. В частности, можно сделать функцию задать вопрос в блоке «У меня есть»: пользователь что-то купил и поставил пометку «у меня есть», новый покупатель этого товара зашел в соответствующий блок в карточке и написал вопрос пользователю, у которого товар есть. Простая социальная функция, которая завязана на продажи и правильно позиционируется. Делать копию обычно социальной сети нам, конечно, не нужно, все только ради цели – продать.
Для постоянных клиентов будет нужна вкладка с информацией о программах лояльности. Можно назвать её «Личные скидки» и в ней показывать уровень пользователя и его скидок, накопившиеся бонусы, возможные уровни и что нужно сделать для следующего уровня. Также можно добавить блок с «личными скидками» для пользователя, в котором показывать товары со скидками только для него. Это должны быть небольшие скидки, которые автоматически рассчитываются сайтом под конкретного пользователя и зависят от объемов его покупок. Такой ход увеличит лояльность и сделает дополнительные продажи.
Избранное (желания)
Принцип работы этой функции такой же, как и у «Хочу в подарок». Это некий «ящик», где пользователи могут хранить интересные для них товары, которые они пока не готовы купить. В данном случае меняется только позиционирование функции: в случае с «Хочу в подарок» это список подарков, а в случае с избранным – общий. Эти и остальные списки, которые пользователь захочет себе создать, хранятся в личном кабинете пользователя.
В интерфейсе, в превью товаров, должна быть ссылка «В избранное». Она же дублируется на странице товара. При нажатии на ссылку надпись динамически меняется на «Уже в избранном», которая является ссылкой на соответствующий раздел. В шапке, рядом с корзиной, можно показывать неприметное напоминание «XX товаров в избранном», чтобы постоянно напоминать пользователю об отложенных покупках.
В личном кабинете должна быть отдельная вкладка со списками избранного, с возможностями управления ими и шаринга в социальные сети отдельных списков.
Рис. 4. Список желаний.
Интеграция с социальными сетями
Еще один важный аспект работы интернет-магазина, который влияет на продажи. За последние 10 лет подавляющая часть пользователей Интернета начала использовать социальные сети, поэтому любому интернет-магазину важно максимально интегрироваться с ними, чтобы получить дополнительный приток посетителей и как следствие покупателей.
Крупнейшие социальные сети все больше придерживаются концепции «Интернет в Интернете». Другими словами они стараются дать пользователям все, что нужно, чтобы они не покидали сайт социальной сети и это им постепенно удается. Мы можем и должны использовать эту особенность. У всех крупнейших сетей есть API, которое позволяет создавать приложения. С помощью этого инструмента можно создать магазин-приложение, который будет работать в социальной сети как небольшое представительство основного интернет-магазина. Пока таких примеров не очень много, но такие магазины-приложения вполне успешно продают товары.
Также важно и интегрировать основной сайт с социальными сетями. Для начала нужно сделать авторизацию через социальные сети, которая избавит пользователей от регистрации, а магазину даст нужные данные о покупателе, по крайней мере – основные. После этого количество регистраций значительно увеличится.
Рис. 5. Интеграция с социальными сетями.
Нужно завести официальные фан страницы бренда в социальных сетях. Туда можно в ручном режиме или автоматически выгружать новые поступления, акции, новости и другую важную информацию. Так подписчики будут постоянно в курсе, а магазин получит постоянный приток посетителей из социальных сетей. Кроме этого, важно поставить на страницах интернет-магазина блоки с возможностью подписаться на фан страницы и показывать количество уже подписанных людей, чтобы вызвать доверие у новых покупателей. Обычно, эти блоки размещаются в футере или правой колонке.
Для страницы товара, статей и новостей нужно сделать блоки Like и Share, что позволит пользователям делиться информацией со своими друзьями и опять же даст дополнительный приток посетителей. Эти кнопки обычно размещаются под основной информацией на странице и имеют стандартный вид.
Верстку страниц нужно оптимизировать под функцию Share, чтобы Facebook и VK подтягивали правильный логотип (фотографию), название и описание.
Для новых посетителей, после просмотра 10 любых страниц интернет-магазина можно сделать всплывающее окно с предложением подписаться на официальные фан страницы, это увеличит число подписчиков. Кстати, число подписчиков и их активность учитывается поисковыми системами, поэтому это важный момент.
Корзина и оформление заказа
Еще одна важная часть любого интернет-магазина, без которой он не может работать. С корзиной покупатель сталкивается в середине своего путешествия: он уже выбрал товар, но еще не оформил покупку. Этот шаг на пути к покупке крайне важен, более 30% пользователей кладут товар в корзину, но так и не оформляют покупку по разным причинам. Тут наша задача помочь завершить покупку.
Обычно корзина имеет вид небольшого блока в правой части шапки, в котором указана маленькая пиктограмма, количество товаров в корзине и общая сумма. Весь блок кликабельный и при нажатии пользователь попадает внутрь корзины. Реже корзину могут делать в других местах, например, полоса внизу экрана, которая остается на месте при прокрутке.
До сих пор идут споры, как правильно делать: допускать к корзине только после регистрации на сайте магазина или сделать возможность покупать без регистрации. Я думаю, правда, как всегда посередине. Для небольших и средних магазинов, к которым доверие не так высоко, лучше не делать лишнюю преграду для покупателей, стоит сделать возможность покупки без регистрации, но все равно как-то мотивировать регистрироваться, например, дополнительными скидками для зарегистрировавшихся. Большим интернет-магазинам лучше все-таки собирать базу пользователей и работать с ней постоянно, поэтому в этом случае стоит заставить регистрироваться в любом случае. Большим доверяют, их знают, поэтому для пользователей это не станет проблемой. Главное чтобы регистрация не была сложной: нажал купить, ввел логин и пароль и зарегистрировался. Без обязательных подтверждений, огромных анкет и т.д. Всю эту информацию можно взять у пользователя позже.
Прежде, чем человек увидит корзину изнутри, ему нужно добавить хотя бы один товар. Это должно происходить без перезагрузки страницы. Нужно заменить после нажатия кнопку «Купить» на «В корзине», а после открыть всплывающее окно со списком товаров в корзине и итоговой суммой. Под списком нужно предложить две кнопки: «Оформить заказ» или «Продолжить покупки». При этом кнопка «Оформить заказ» должна визуально доминировать и выделяться. Под кнопками будут предлагаться дополняющие товары.
В случае нажатия на «Оформить заказ» пользователь попадает на страницу корзины. В ней не должно быть рекламы, баннеров, каталога или других лишних элементов. Покупатель уже принял решения завершить покупки, нельзя его отвлекать от передачи денег. Многим на этом шаге хочется попробовать еще раз продать дополняющие товары, но лучше это сделать после подтверждения заказа через письмо или звонок менеджера магазина, чем отвлечь и рисковать вообще ничего не получить.
Страница оформления заказа должна содержать несколько блоков:
1.Кому
a.Имя получателя
b.Телефон (поле для ввода номера и выбор типа телефона)
2.Доставка
a.Город (выпадающий список)
b.Способ доставки (выпадающий список)
c.Пункт выдачи (выпадающий список) или адрес доставки)
3.Оплата
a.Способ оплаты (выпадающий список)
b.Способ доставки (выпадающий список)
c.Пункт выдачи (выпадающий список) или адрес доставки)
4.Комментарий к заказу (необязательное текстовое поле)
5.Кнопка «Подтвердить»
6.Галка «Я соглашаюсь с правилами использования
Брошенные корзины: 7 способов удержать и вернуть покупателя в интернет-магазин
Всего один из трёх посетителей, положивших товар в корзину, делает заказ. Так лишается большей части возможной прибыли.
Вот 10 причин, почему посетители уходят, не купив:
Согласны ли вы терять ⅔ клиентов или хотите вернуть тех, кто уже заинтересовался вашим товаром? Предлагаем способы, как удержать покупателей в магазине и вернуть тех, кто ушёл без заказа.
1. Сообщите о стоимости доставки товара заранее
Неожиданные расходы на доставку — главная причин отказа от покупки. Не вводите покупателя в замешательство и сразу укажите возможное удорожание товара.
Лучший вариант — перечислить все дополнительные расходы (доставка, налоги) прямо на странице товара или дать ссылку на отдельную страницу с этой информацией. Тогда покупатель узнает конечную стоимость до оформления заказа и не будет неприятно удивлен.
Если стоимость доставки не зависит от адреса покупателя, попробуйте сразу включить её в цену товара. Фиксированные цены освобождают клиента от арифметики и неприятных сюрпризов при покупке.
Если стоимость доставки фиксированная, укажите её сразу в карточке товара
В магазине на Эквиде можно подключить автоматический расчет стоимости доставки с помощью:
Бесплатная доставка в качестве вознаграждения — отличная наживка, которая не только подтолкнет к покупке, но и вернет покупателя в ваш магазин за новым заказом.
Чтобы настроить бесплатную доставку в
Бесплатная доставка — сильное конкурентное преимущество, поэтому постарайтесь, чтобы покупатель заметил ваше предложение. Поставьте на сайт баннер или напишите об акции прямо на странице товара.
Например, в используйте приложение Free shipping icon. Оно добавит иконку «Бесплатная доставка» в блок с информацией о товаре. Можно использовать свою картинку и настроить условия показа: например, для отдельных товаров.
Поставьте иконку «Бесплатная доставка» с помощью приложения Free shipping icon (картинку можно поставить любую)
Или добавьте небольшой баннер с помощью приложений Free Shipping Bar или Promo Bar для После установки на всех страницах магазина появится блок с сообщением об акции и кнопкой, чтобы узнать подробности или приступить к покупкам.
С помощью приложения Promo Bar сообщите о бесплатной доставке всем посетителям сайта
2. Используйте всплывающие баннеры (но аккуратно)
Не призываем раздражать всех посетителей сайта надоедливыми попапами. Но остановить того, кто собрался уходить с сайта, такой баннер может помочь.
Разместите на баннере специальное предложение, скидку или другую важную информацию, которая вернет покупателя в каталог.
Попап с мотивирующей скидкой на сайте kokosina.com
Протестируйте несколько типов всплывающих окон и выберите самый эффективный:
В попап можно создать с помощью приложений:
А приложения Privy Tool и MailChimp Email Capture Popup помогут собрать контакты посетителей магазина.
3. Отправляйте письма с напоминаниями
Самый простой способ вернуть покупателя — напомнить о брошенной корзине электронным письмом.
Не всегда причина отказа от покупки кроется в недовольстве сайтом или стоимость доставки. Некоторые покупатели признаются, что собирались вернуться к заказу позже. Письмо поможет вспомнить о намерении и совершить покупку.
В можно настроить автоматическую рассылку писем покупателям, бросившим корзину, или отправлять такие письма вручную.
Письмо с напоминанием о забытом товаре в можно редактировать
По нашей статистике, около 20% клиентов возвращаются и делают заказ после получения такого письма. Например, если 100 человек ушли из магазина без покупки, то после получения рассылки 20 из них вернётся и купит. Вместо того, чтобы потерять клиентов и упустить прибыль, вы зарабатываете.
Добавьте в письмо купон на скидку, чтобы стимулировать клиента скорее сделать заказ.
Увидев скидку, покупатель скорее вернётся в магазин
Используйте чтобы получать обратную связь от покупателей. По умолчанию в шаблоне письма в Эквиде указан email магазина. Туда покупатель может сообщить о проблемах, с которыми столкнулся во время оформления заказа, а вы исправить недочеты процесса.
Дайте покупателям возможность связаться с вами
4. Настройте ретаргетинг
Суть ретаргетинга: вы показываете рекламные объявления тем людям, которые уже были в вашем магазине.
Если покупатель добавил товар в корзину, но не купил, догоняйте его объявлениями с фото этого товара и приглашением в магазин.
Объявление ретаргетинга ВКонтакте
Используйте одну или все 4 популярные системы для ретаргетинга:
Фейсбук
Чтобы показывать клиентам ретаргетинговые объявления в Фейсбуке и его рекламной сети, нужно установить на сайт пиксель Фейсбука.
Пиксель Фейсбука — это фрагмент кода, который запоминает посетителей вашего магазина и отслеживает их передвижение по другим сайтам.
Также Фейсбук пиксель отслеживает много разных действий посетителей на вашем сайте, поэтому вы можете группировать пользователей по их действиям и настраивать рекламу отдельно на каждую группу. Например:
ВКонтакте
ВКонтакте предлагает настроить аудиторию для ретаргетинга двумя способами: собрать базу пользователей с помощью пикселя ВКонтакте или загрузить заранее подготовленный список.
Пиксель ВКонтакте работает подобно пикселю Фейсбука — показывает рекламу посетителям магазина, выполнившим ключевые действия (например, положили товар в корзину, дошли до страницы оплаты, смотрели определенный раздел на сайте).
Яндекс.Директ
Яндекс предлагает настроить ретаргетинг в своей рекламной сети, в которую входят десятки тысяч сайтов, мобильных приложений и приложений Smart TV (но сам поиск не входит).
В сервисе Яндекс.Директ эта функция называется «Показы по условиям подбора аудитории». Настройте их и не забудьте подключить Яндекс.Метрику, чтобы отслеживать эффективность рекламной кампании (инструкция для ).
Google AdWords
Возвращать покупателей в магазин можно также с помощью ремаркетинга Google AdWords.
Реклама вашего магазина может показываться как при просмотре сайтов, так и при поиске в Google по запросу, связанному с вашими товарами или услугами. Можно настроить кампанию на показ рекламы магазина или конкретных товаров, которые просматривал покупатель.
Для начала работы создайте аккаунт в Google Analytics и привяжите его к своему
Важно: если подключаете ремаркетинг к магазину, вы получаете больше персональной информации о посетителях сайта. Не забудьте добавить предупреждение о сборе и обработке персональных данных и обновить политику конфиденциальности.
5. Упростите процесс оформления заказа
Если для заказа в вашем магазине покупателю приходится проходить много шагов и заполнять непонятные формы, у него не хватит терпения и он уйдёт.
Не заставляйте клиента отвечать на кучу бесполезных вопросов, оставьте в форме только необходимую для выполнения заказа информацию. Сделайте процесс оформления заказа прозрачным, чтобы покупатель заранее видел, какие шаги его ждут, и не переживал.
Все шаги по оформлению заказа в на виду
Если у вас есть предложите покупателю самовывоз (читайте, как настроить самовывоз в ). Клиенту не нужно будет заполнять информацию о доставке, а вы избавитесь от хлопот с отправкой товара.
Выбираем самовывоз и указываем только имя и телефон
Еще пара способов ускорить процесс оформления заказа в
6. Добавьте
Покупатели бросают корзину, когда не могут найти ответы на важные для них вопросы о товаре, оплате или доставке. быстро ответит на любой вопрос покупателя и вернет его к оформлению заказа.
Добавьте в ваш например, с помощью приложения JivoChat, и вы сможете быстро решать проблемы покупателей, а еще начнёте лучше их понимать.
от JivoChat в магазине piterprof.com
Или используйте другие инструменты из магазина приложений Эквида:
Оставьте только специфичные вопросы покупателей, которые сложно предугадать. Ответы на стандартные вопросы о доставке, оплате, возврате и обмене товара соберите в отдельном разделе сайта, например, «Вопрос — ответ». Туда же можно написать о правилах ухода и использования товара.
Условия возврата и оплаты, а также политику конфиденциальности, можно расписать на отдельных страницах. Чтобы добавить такие страницы на Стартовый сайт Эквида, в панели управления магазина перейдите на страницу Настройки → Общие → Правовые документы, включите нужные документы и добавьте условия работы туда.
7. Дайте максимум информации о товаре
Вопросы, которые возникают у покупателя в процессе покупки — результат нехватки информации о товаре. Подробно опишите товар: предназначение, габариты, цвет и другие важные характеристики. Тогда большая часть сомнений будет снята.
Лучше всего, если вы определите общую структуру для описания товаров. Тогда покупатель сможет легко ориентироваться и быстро найдет нужную информацию, а каталог будет выглядеть привлекательно.
Структура описания товаров в магазине bbsocks.ru
Подробнее читайте в статьях:
Чтобы не заглядывать лишний раз в статью, но помнить о всех способах, возьмите себе сводную инфографику:
Отправить мне на почту 