Каким должен быть удобный интернет-магазин

Инструкция для продавца-новичка

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

Эксперт — Евгений Боровков, основатель Structura.app

Определиться с форматом интернет-магазина

Простейшая классификация интернет-магазинов — это разделение их на одно- и многостраничные.

Первые подходят тем, у кого один товар (бензопила марки «Лесоруб») или несколько близких по характеристикам (скажем, маски для лица из трех видов глины — белой, розовой и голубой). Чаще всего это магазины одного бренда.

Многостраничный интернет-магазин нужен продавцу, у которого сотни товаров, и они:

● из одной ниши (допустим, строительные инструменты),

● разные по функциональности, но схожие по материалу (магазин изделий из льна).

В них часто представлены различные марки.

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

Убедиться, что интернет-магазин выгоднее, чем маркетплейс

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

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

Маркетплейс подойдет продавцам, у которых:

● товары народного потребления (посуда, текстиль, хозтовары),

● уникальные товары (например, травяной сбор),

● низкие цены (если продавать дешевый товар в своем интернет-магазине, логистика будет обходиться дорого; а на маркетплейсах люди покупают сразу несколько позиций и логистика на единицу товара выходит дешевле).

Интернет-магазин выгоднее развивать тем, кто продает:

● товары для B2B-сегмента — на маркетплейсах они непопулярны,

● эксклюзивные, дорогие товары (нишевая парфюмерия),

● товары, которые нельзя оплатить онлайн, но можно забронировать их и забрать в офлайн-точке (это алкоголь, табачные изделия).

Выбрать основу для размещения интернет-магазина

Есть три способа сделать интернет-магазин: собрать на конструкторе, сделать на готовой CMS (Content management system, или Система управления контентом) или заказать уникальную разработку.

Конструкторы (Tilda Publishing, Wix, Creatium) позволяют, не разбираясь в коде, собрать несложный сайт из шаблонов. Есть конструкторы, предназначенные именно для создания интернет-магазинов, среди них StoreLand, Ecwid, InSales.

Но у этих сервисов есть минусы: они больше подходят для одностраничных сайтов, то есть для небольших магазинов.

Если планируете масштабировать магазин в будущем, рассмотрите сразу коробочные CMS. Это платформы с открытым кодом: его можно дорабатывать и создавать сайты любой сложности. К ним относят WordPress (с плагинами для е-commerce, WooCommerce), OpenCart, 1С-Битрикс: Управление сайтом. Но для работы с ними вам, скорее всего, понадобится помощь программиста.

Большинство конструкторов и коробочных CMS написаны на языке РНР. Услуги специалиста, работающего с ним, стоят в среднем 500 руб. в час.

Перед началом создания интернет-магазина на конструкторе или CMS можно собрать его прототип с помощью сервиса Structura.app. Так вы оцените удобство будущего сайта на этапе предпроекта. Еще там можно подсмотреть рабочую структуру, например, вот таким может быть одностраничный интернет-магазин.

Прототип одностраничного интернет-магазина, собранный на structura.app.

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

Свериться, что должно быть в одностраничном интернет-магазине

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

Шапка

В ней важны три вещи:

● navigation bar — название ключевых блоков сайта с якорными ссылками на них (скажем, нажимаете на «Доставку», и вас перебрасывает на блок с ее условиями);

● контакты компании (телефон и иконки соцсетей с внешними ссылками на них);

● заголовок (иногда на фоне фото или анимации).

Заголовок привлекает около 90% внимания. Если он непонятный (скажем, вы используете только название бренда «Лесоруб», но не упоминаете, какой товар представлен), пользователь, скорее всего, закроет страницу. Хорошо будут работать варианты: «Магазин бензопил “Лесоруб”» или «Продаем маски из глины уже семь лет».

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

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

Шапка одностраничного сайта, на котором продают земельные участки. Здесь удобный navigation bar, есть контакты (телефон в правом верхнем углу замазан — прим. ред.), хорошее фото. Минус — не сразу понимаешь, что именно предлагает сайт и в какие сроки проходит акция. / Взято с dyatlovo.ru

Описание товара и его цена

Здесь должна быть ключевая информация о товаре: например, назначение маски из глины, ее состав. Если вы продаете три вида таких масок, можете разместить их фото в ряд, а возле привести описание.

Продавец участков описывает их плюсы. / Взято с dyatlovo.ru

Цена важна для покупателя, поэтому ее стоит выделить графически — к примеру, использовать жирный или крупный шрифт. Продавец участков из нашего примера поместил цену прямо в шапку, потому что хочет привлечь внимание к акции.

Призыв к действию

Он может быть в виде кнопки «Заказать», которая переносит посетителя на форму для заказа внизу страницы. Если сайт длинный, кнопку стоит дублировать через каждые два блока, но это должно быть нативно. Скажем, вставили блок с отзывами на глиняные маски — добавьте в него призыв к действию: «Хотите сами оценить эффективность маски? Закажите ее прямо сейчас!»

Блоки-ответы на вопросы

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

Фотогалерея

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

Галерея сайта, где продают участки. Верно выбран сезон для съемки: все зеленое, солнечное, и потому привлекательное. / Взято с dyatlovo.ru

Форма для заказа

В ней запрашиваем самую важную информацию: имя и фамилию покупателя, адрес, имейл, телефон. Сюда стоит автоматически подтягивать информацию о выбранном товаре — как минимум, его название и цену. *

Здорово, если в форме будут подсвечиваться опечатки и пропуски полей — это поможет покупателю ничего не забыть, а системе — верно сохранить данные на сервере. Еще важно обеспечить автосохранение данных, чтобы при внезапной перезагрузке сайта пользователю не пришлось вводить все заново. *

В форме должны быть ссылки на Пользовательское соглашение и Правила обработки персональных данных — вставлять их предписывает 152-ФЗ. Если ссылок нет, ИП может заплатить штраф до 40 тыс. руб., а юрлицо — до 150 тыс. руб. **

* №152-ФЗ РФ «О персональных данных» http://www.consultant.ru/document/cons_doc_LAW_61801/

* Штрафы за обработку персональных данных без согласия их субъекта в письменной форме — ч. 2 ст. 13.11 КоАП РФ http://www.consultant.ru/cons/cgi/online.cgi?from=215651-5073&req=doc&rnd=CTbG0w&base=LAW&n=409693#6fuNdySZ8Pex53w6

Информация о доставке и возврате товара

Рядом с формой заказа или прямо в ней стоит рассказать:

● о способах, сроках и стоимости доставки,

● о возможности возврата товара или гарантии качества («Если вы обнаружили проблему в течение 14 дней, то можете вернуть товар»).

Интернет-магазины, для которых быстрая доставка является частью УТП, могут упомянуть об этом сразу после шапки: «Доставим бензопилу за один день».

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

Где карта будет логично смотреться, так это в отдельном блоке с контактами: на ней неплохо отметить офис, склад, куда покупатель при необходимости сможет подъехать.

Онлайн-касса

Подключить ее предписывает 54-ФЗ. * Вот краткая инструкция:

создайте личный кабинет на сайте платежной системы (например, Robokassa или ЮKassa);
подготовьте документы, которые запрашивает площадка, и подпишите договор;
если сайт создан с помощью конструктора, скопируйте необходимые данные из личного кабинета в платежной системе и добавьте в настройки сайта;
если сайт писали программисты, запросите API-документацию платежной системы и добавьте API в код вашего сайта;
проведите тестовый платеж, чтобы протестировать систему.

* №54-ФЗ РФ «О применении контрольно-кассовой техники при осуществлении расчетов в РФ» http://www.consultant.ru/document/cons_doc_LAW_42359/

Свериться, что нужно для многостраничного формата

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

Благодаря конкретному заголовку посетитель сразу понимает, в какой интернет-магазин он попал. У каждого раздела на этом сайте своя страница. / vsworld.ru

Например, так выглядит раздел «Доставка».

Разберемся, какие еще элементы должны быть у многостраничного интернет-магазина. Здесь можно посмотреть его прототип от Structura.app.

Прототип многостраничного интернет-магазина, собранный на Structura.app.

Категории

Они нужны для ориентирования посетителя сайта и для SEO-оптимизации. Вот несколько полезных правил.

● Категории не должны быть многословными. Если у вас интернет-магазин изделий из кожи, можете разбить их на одежду, обувь, аксессуары, товары для интерьера. Не используйте размытые формулировки типа «Разное».

● Не делайте больше трех уровней вложенности. Например, 1) категория «Обувь» → 2) подкатегория «Женщинам» → 3) «Ботильоны», «Сапоги», «Кроссовки» и др. Дробить подкатегории дальше не стоит.

Четыре категории товаров, и все они удачно разбиты на подкатегории. Получается всего два уровня: категория → подкатегория. / vsworld.ru

● Распределяйте товары по категориям равномерно: не здорово, когда в одной три товара, а в другой — 33. Если какая-то категория переполнилась (в ней больше тысячи товарных единиц), пора дробить ее на подкатегории.

В интернет-магазине льняного ателье четыре товарные категории, понятный листинг с фото, характеристиками товаров, есть релевантные фильтры и сортировка. / Взято с linentoys.ru

Листинг

Это сеточная витрина товаров определенных категорий с фото, названиями, ценами и кнопкой «Купить» или «Добавить в корзину». Еще сюда можно добавить статус «В наличии / Нет на складе / Предзаказ».

Рядом с витриной будет неплохо смотреться подборка «Рекомендованное» или «Популярное»: кому-то из посетителей она может сэкономить время.

Хорошая подборка в интернет-магазине одежды и аксессуаров для водных видов спорта: есть наглядные фото, указаны цены. / Взято с poisonsurf.com

Под листингом можно расположить пагинацию, то есть нумерацию страниц. Она служит для удобного перемещения по каталогу, а еще дает посетителю представление о том, насколько широк ассортимент интернет-магазина.

Пагинация. / Взято с poisonsurf.com

Фильтры и сортировка

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

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

Высший пилотаж, если для каждой категории предусмотрены свои фильтры. Ведь для смартфона важен размер оперативной памяти, а для телевизора — величина диагонали.

Для разных категорий товаров свои фильтры. / Взято с poisonsurf.com

Поисковая строка

Она встраивается с помощью специальных сервисов (например, AnyQuery, SearchBooster) или модулей оптимизации поиска, если сайт на «1С-Битрикс».

Поисковая строка должна быть как минимум:

● заметной;

● с автоподсказками;

● с распознаванием опечаток и синонимов.

Скажем, человек может искать «микроволновку» вместо «СВЧ-печи», и в результате запрос не даст результатов, хотя товар будет в наличии. Поэтому нужен поиск, работающий по частичному совпадению.

Корзина

Ее лучше располагать в правом верхнем углу.

Взято с linentoys.ru

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

Взято с linentoys.ru

О чем еще стоит позаботиться

Подключение SSL-сертификата для безопасного HTTPS-соединения

Это протокол шифрования данных, которыми обмениваются клиент и сервер. Он сохраняет данные от утечки. Получить сертификат можно через сертифицированные центры (Let’s Encrypt — бесплатный, GlobalSign by GMO — платный) или хостинг-провайдера (они часто становятся партнерами таких центров). Платные сертификаты более надежны.

Скорость загрузки сайта

Это один из необходимых элементов технической SEO-оптимизации, которую нужно провести.

Проверить, как быстро сайт открывается из поисковика, можно с помощью этого сервиса. Если на это уходит 1-3 секунды — все хорошо, если 4-7 — допустимо, а если больше — нужно что-то исправлять.

У сайтов, собранных на конструкторе, скорость обычно оптимизирована. А если ваш интернет-магазин сделан на CMS, об этом придется позаботиться самим, прибегнув к помощи специалиста.

Если скорость падает из-за «тяжелых» изображений, от них стоит отказаться ради удобства покупателей. Например, такой принцип работает в Турбо-страницах. Это легковесные версии сайтов для мобильных устройств, которые открываются быстро даже при невысокой скорости интернета. Такие страницы предлагает Яндекс.

Чтобы создать Турбо-страницу, нужно завести личный кабинет на сервисе Яндекс.Вебмастер и затем настроить передачу данных в формате RSS. Подробнее об этом здесь.

Мобильная версия

Пользователи чаще всего выбирают товары именно со смартфона, а покупают через десктоп.

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

Где рекламировать интернет-магазин

Для одностраничного интернет-магазина, который предлагает товары одной категории, одинаково подойдет таргетированная реклама в соцсетях и контекстная в Яндекс.Директе. Например, интернет-магазин меда может предлагать 20 видов его, но все эти товары составят одну категорию. Если в рекламном объявлении упоминается гречишный мед, но у продавца он закончился, его можно убрать с сайта и из рекламной кампании. Но саму кампанию отключать не придется, ведь вместо гречишного будет показываться другой товар этой же категории, например, мед липовый.

А вот большому интернет-магазину со множеством категорий, в каждой из которых сотни товаров, больше подходит реклама в Яндекс.Директе. Если позиция «Тапки розовые» из категории «Товары для дома» закончится на складе, отредактировать кампанию в соцсети будет сложно. Нужна автоматизация, чтобы для отключения одной позиции не приходилось делать много действий. Такую автоматизацию предлагает Яндекс.Директ: в нем есть товарные кампании, алгоритмы которых на основе обновляемого фида (файла с перечнем всех позиций) сами формируют объявления и подбирают ключевые фразы.

Статья впервые была опубликована на сайте Интернет Маркетинг: https://grebennikon.ru/article-yvwh.html