Сегодня мы подробнее разберем каждую из функциональных страниц сайта и в конце статьи сформируем перечень жизненно важных страниц интернет магазина, которых обязательно необходимы для запуска любого интернет магазина.
1. Главная страница интернет магазина
Это основная страница сайта магазина, предназначена для того, чтобы посетитель сайта мог понять что это за сайт и чем может быть ему полезен.
Главная страницы интернет магазина состоит из 3х основных частей:
Шапка (верхняя часть сайта одинаковая для всех страниц)
Контентная часть:
— слайдер изображений
— категории товаров
— популярные товары
— рекламные баннеры
— новые товары
— хиты продаж
— статьи (новости)
— слайдер производителей
— СЕО описание интернет магазина с заголовком H1
— подписка на рассылку
Футер (нижняя часть сайта одинаковая для всех страниц)
Какие блоки и в каком порядке лучше разместить в вашем конкретном случае, читайте в этой статье.
Вот так это выглядит на примере одного из наших интернет магазинов OpenCart.
2. Каталог товаров
Каталог товаров или категории товаров — это страницы интернет магазина со списком категорий товаров и самих товаров. Предназначены такие страницы для того чтобы посетитель сайта быстро нашел нужный товар, отсортировав по категориям или дополнительным параметрам.
На страницах этого типа, также как и на главной, есть шапка и футер. Дополнительно в контентной части могут быть какие блоки:
— Хлебные крошки (навигация по страницам)
— Категории товаров
— Сортировка товаров
— Список товаров
— Фильтр товаров
— SEO описание категории
Контентная часть страницы — это блоки с информацией страницы, которые находятся между шапкой и футером сайта.
Вывод: Каталог товаров нужен для того, чтобы человек среди сотен и тысяч товаров вашего магазина, мог быстро найти по категориям и другим параметрам товар или группу с нескольких товаров которые ему интересны.Пример каталога товаров интернет магазина дизайнерской мебели
3. Карточка товара
Когда в списках товаров в категориях посетитель нашел один или несколько товаров, он переходит на страницу товара интернет магазина. Этот тип страниц предназначен чтобы человек подробно узнал о товаре и решил, покупать его или нет.
Для этого, на таких страницах, в контентной части, выводится информация о товаре:
— Изображения товара
— Название товара
— Артикул (Код товара)
— Производитель
— Наличие
— Цена
— Характеристики
— Описание
— Отзывы
— Выбор цвета, размера, материала и т.д. (в зависимости от товара)
— Информация о доставке и оплате
Если посетителю подходит соотношение характеристик, цены, дизайна товара и доверия к вашему магазину, он добавляет товар в корзину и оформляет заказ. Поэтому позаботьтесь чтобы у вас было понятное описание товара и основные преимущества покупки именно у вас.На примере интернет магазина сувениров, карточка товара имеет подобную структуру
4. Производители, бренды, фабрики
Если в вашем ассортименте есть товары разных производителей (брендов или фабрик) и это может быть важно для ваших потенциальных покупателей, этот тип страниц вам также необходим.
Это может быть важно для таких тематик как: Мебель, Смартфоны, Планшеты и Ноутбуки, Бытовая техника, Керамическая плитка, Электроинструмент, Стройматериалы.
Обычно есть 2 типа страниц с производителями: список производителей и список товаров выбранного производителя.
Список производителей интернет магазина состоит из шапки, списка производителей (изображение и название), футера.
Список товаров выбранного производителя подобен странице категорий и его контентная часть состоит из:
— Описания производителя, бренда, фабрики
— Списка товаров выбранного производителя
— Фильтра товаров
5. Акции
Страница такого типа по дизайну и функционалу подобна каталогу товаров, за исключением того, что здесь отображаются только акционные товары интернет магазина у которых указано 2 цены: основная (больше) и акционная (меньше).
Обычно товары на такие страницы попадают автоматически при указании дополнительной цены в административной части магазина OpenCart или другой CMS, где можно указать цену по скидке и срок действия акционной цены, по истечению которого акция будет отключена.
6. Поиск по сайту
Поиск предназначен для формирования списка товаров по ключевому запросу посетителя сайта, если ассортимент большой и выбрать нужный товар по категориям и с помощью фильтра сложно.
Важно! Что для большей части магазинов с ассортиментом до 500-1000 товаров, поиск и не нужен, так как вероятность того что он упростит поиск товара, небольшая. А когда человек через поиск не найдет то что искал (товары по введенному слову может вообще не показать), может вообще сразу уйти с сайта.
В таких случаях лучше сделать удобную структуру категорий по которым человек в любом случае что-то найдет на сайте из той тематики что он искал.
Страница поиска подобна страницам со списками товаров и дополнительно содержит поле для ввода поискового слова. Обычно поиск производится по названию, артикулу, описанию товара.
7. Сравнение товаров
Если в вашем интернет магазине много товаров с подобными характеристиками, страница сравнения товаров упростит посетителям сравнение нескольких понравившихся товаров и выбор подходящего товара для покупки.
Обычно на такой странице по столбцам располагаются товары, выбранные покупателем для сравнения.
По дизайну сравнение товаров, на примере одного из магазинов виртуальной реальности, может быть по таким параметрам:
— Изображение
— Название
— Цена
— Источник сигнала
— Совместимость
— Класс
— Экран
— Интерфейс подключения
— ……
— Цвет
— Материал
— Вес
— Размеры
8. Корзина и оформление заказа
Когда пользователь вашего сайта выбрал понравившийся товар и готов его купить, нажимая кнопку “В корзину” или “Купить”, товар попадает на страницы корзины и оформления заказа.
В корзине отображается список товаров, которые посетитель сайта захотел купить, предварительная стоимость покупок, возможность ввести промокод и могут также отображаться сопутствующие товары к добавленным в корзину для дополнительных продаж.
Задача этой страницы показать те товары, что человек хочет купить, сколько это будет стоить в сумме и возможно предложить еще какие-то сопутствующие товары-аксессуары.
Оформление заказа — это следующий шаг после корзины, где не нужно ничем отвлекать пользователя сайта и дать ему возможность быстро, просто и удобно оформить заказ заполнив требуемые данные.
На странице оформления заказа обычно:
— дублируется список товаров и стоимость для покупок
— есть поля для ввода информации о покупателе (ФИО, Email, Телефон, Адрес)
— выбор способов доставки и оплаты
9. Отзывы о магазине
Это страница с отзывами ваших клиентов не о конкретном товаре, а вообще об опыте покупок в вашем интернет магазине. Хорошо работает для повышения доверия и лояльности в интернет магазинах с тематиками товаров, где покупателю не так важен сам товар, как скорость доставки, удобство пользования, качество обслуживания и т.д.
По структуре такая страница состоит из списка отзывов и формы для отправки нового отзыва.
Отзыв обычно состоит из:
— изображения покупателя
— имени
— даты отзыва
— ссылки на соц. сеть покупателя
— текст отзыва
— комментария менеджера магазина
Для интернет магазинов с брендовыми дорогими товарами и магазинов с большим ассортиментом товаров, страница с отзывами о магазине обычно не используется.
10. Контакты
Контактная информация обязательно должна присутствовать на любом сайте где продаются товары или услуги.
На странице “Контакты” нужно разместить максимально возможное количество контактной информации:
— телефоны
— мессенджеры
— адреса
— карту
— время работы
— форму обратной связи
— изображения вашего офиса
— изображения вашей команды
Это нужно для того чтобы человек мог связаться с вами удобным ему способом, получить консультацию, помощь в выборе товара или другую информацию о вас, для повышения доверия и совершение покупки у вас.
11. Блог (статьи)
Страницы такого типа необходимы для обучения ваших покупателей и помощи в выборе товара который необходим. Статьи очень хорошо повышаю доверие и конверсию интернет магазина.
В списке статей выводится перечень последних статей интернет магазина, а на странице выбранной статьи:
— текст и изображения статьи
— сопутствующие статьи
— сопутствующие товары
Сопутствующие товары в статье — это одно из основных преимуществ статьи, где помимо того что вы даете человеку пользу статьи, прочитав ее, он может сразу просмотреть товары о которых только что прочитал.Также за счет статей ваш интернет магазин будут находить в интернете больше людей что повысит количество посетителей вашего сайта и соответственно продаж.
12. Личный кабинет
Этот раздел интернет магазина необходим если у вас большой ассортимент товара, много покупателей и(или) вы формируете отдельное сообщество ваших покупателей и можете им предложить преимущества от их личного раздела в вашем интернет магазине.
Из удобств могут быть такие функции:
— сохранение личных данных клиента (не нужно каждый раз вводить их при оформлении заказа)
— адреса доставки
— история заказов
— сохраненные списки желаний
— бонусные баллы
Точно понять, нужен ли вам личный кабинет, поможет реальный опыт продаж товаров вашей тематики оффлайн или онлайн, а также ваше видение. Если точно не уверены, то изначально не стоит тратится на этот функционал при создании интернет магазина.
13. Текстовые информационные страницы
На страницах такого типа обычно располагается текстовая информация которая может повысить доверие к вам и дать посетителю ответы на основные вопросы перед покупкой.
Стандартные информационные страницы:
- О нас (О магазине)
- Доставка и оплата
- Гарантия
- Вопросы и ответы
- Возврат товара
- Политика конфиденциальности
Эти страницы продумываются под конкретную тематику товаров, исходя из вопросов, которые часто задают вам ваши клиенты. Они нужны для экономии вашего времени и для сокращения времени оформления заказа вашими покупателями.В этой статье мы разобрали основные функциональные страницы интернет магазина. Правда забыли еще о важной для SEO странице 404, о ней расскажу в отдельной статье.
Как и обещал, список 7 жизненно важных страниц интернет магазина:
- Главная страница
- Каталог товаров
- Карточка товара
- Корзина
- Оформление заказа
- Текстовые страницы
- Страница ошибки 404
С вами был Александр Антипов и на этом заканчиваем со структурой интернет магазина. Максимально подробно и с примерами мы будем разбирать каждую из этих страниц в других статьях.
P.S. Во всех моих статьях на Habr будет описан опыт работы с интернет магазинами на основе бесплатной CMS OpenCart, но эта информация подходит и для разработки на любых других платформах, включая самописные сайты.
Просто в одних CMS какие-то типы страниц и функционал, будет из коробки, а в других нужно будет что-то дорабатывать.
Комментарии (3)
n1ger
25.09.2018 23:48Статья о магазине без допила под opencart.
А потом добавим и мелко нарежем сюда интернационализацию, удобную форму заказа в один шаг, сео фиксы, урл менеджеры, хлебные крошки, микроразметку, интеграцию с сервисами доставки, оплаты, прайс агрегаторами и маркетплейсами.
Притрусим все это google merchant, яндекс.маркет, hotline, прайс.ру
А потом посыпать все это работой с поставщиками и поступлениями.
На вкус добавить — Выгрузку заказов и товаров из 1С и иже с ними в базу магазинам обратно.
И блюдо ещё не готово, но рецепт уже ясен и ингредиентов уже очень много.
И это ещё даже не 20%ustasby
26.09.2018 22:02И становится бесплатный продукт в разы дороже платного cs-cart, который с поддержкой, с более менее вменяемым кодом, поддержкой php 7.2, с неплохими платными сео модулями. И что кстати важно, критичные баги фиксятся просто моментально.
ustasby
Занятная статья о ни о чем, для магазинов начала 2000.