Содержание
Публичная часть сайта это то, что видят покупатели, посещая ваш сайт. Это интерфейс, товары, картинки, описания, весь процесс оформления заказа и так далее
Это все то, что вы увидите как покупатель во время нахождения и перемещения по сайту, от начала и до конца.
Как владелец магазина, вы должны знать публичную часть сайта как свои пять пальцев. Вам необходимо хорошо знать что видит покупатель на сайте, сколько страниц ему придется пересмотреть, сколько раз перейти по ссылкам за время покупки, и где он может столкнуться с трудностями и где ему может потребоваться помощь.
В PrestaShop включена тема, с оттенками серого на белом фоне. Этот дизайн очень простой и отлично подходит для любого типа бизнеса: автомобили, фотографии, ювелирные изделия, да для чего угодно! Он спроектирован быть простым понимании, легкости просмотра, эргономичности, а также соответствует стандартам. Этот полноценный дизайн, был тщательно протестирован огромным количеством магазинов и доказал свою значимость.
Если, Вы установили PrestaShop с демо-данными, то увидите продукцию Apple.
В то время, как владелец магазина может в любой момент изменить тему публичной части сайта, спасибо огромному разнообразию тем на сайт с дополнениями к PrestaShop (http://addons.prestashop.com/), в этом разделе мы будем рассматривать только стандартную тему.
Учтите то, что здесь рассматриваются только стандартная тема с настройками и модулями по-умолчанию. Использование дополнительных модулей, или использование другой темы, можем сильно повлиять на удобство покупателей.
Ваш посетитель может прийти на главную страницу сайта, набрав адрес интернет-магазина или перейти из поисковой системы на внутреннюю страницу сайта, у него всегда будет масса вариантов как путешествовать по каталогу.
Шапка сайта это блок вверху сайта, доступный с любой страницы публичного сайта.
Он содержит несколько основных инструментов и ссылок, которые будут присудствовать на всём сайте:
Шапка сайта крайне редко меняется на различных этапах процесса покупки.
Важнейшая часть шапки сайта это корзина. По-умолчанию, она свернута и показывает только количество лежащих в ней товаров. Покупатель может кликнуть на неё, для получения краткой информации о корзине, откуда уже можно перейти к оформлению заказа.
При наведении указателя мыши на блок корзины, раскрывается список с названиями лежащих в ней товаров. Кроме названий, у товаров указаны: количество, вариация(если есть) и цена. Покупатель может удалить не нужные товары из корзины прямо из этого списка одним кликом.
В самом низу данного блока располагается информация о стоимости доставки и итоговая стоимость заказа вместе с кнопкой оформления заказа, которая ведет к информации о корзине, откуда уже можно начать процесс оформления заказа.
В нижней части страницы (“подвал”) перечислены ссылки на страницы, которые могут быть полезны вашим посетителям.
Вся перечисленная информация может быть отредактирована владельцем магазина.
Левая колонка стандартной темы магазина, почти никогда не меняется, потому как служит местом для навигации и второстепенных ссылок.
Владелец магазина, может присвоить товару один или несколько тегов(ярлыков). Тег является ключевым словом, дополнительной информацией, которая не отображается на странице товара, так как не несет полезной информации, но может быть очень полезным при построении тематических списков, например облака тегов, где наиболее часто встречающиеся теги написаны большим шрифтом по сравнению с редко используемыми.
Категория это иерархический способ сортировки товаров: она может содержать любое количество подкатегорий. Это упрощает подбор товара при переходе от основных категорий с большим количеством товаров, к их подкатегориям, уточняя какой товар нужен.
Магазин на PrestaShop может иметь сколько нужно категорий и подкатегорий с бесконечным количеством товаров в любой из них. Фактически, все категории являются подкатегориями корневой категогрии.
Также это единственный тип отображения списка товаров в котором покупатель может сравнить товары, отметив их галочкой и нажав на кнопку “сравнить”.
Отображается только, когда покупатель уже просмотрел хотя бы один товар за текущую сессию.
Этот блок служит напоминанием о товарах, которые ранее привлекли внимание покупателя и дают возможность быстро вернуться к ним, если он все же захочет их взять.
This block serves as a reminder of the products previously took interest in, and gives a shortcut back to these if he wants to pick them in the end.
Покупатели могут отобразить все товары от выбранного поставщика, независимо от их типа и цены.
Покупатели могут отобразить все товары от выбранного производителя, независимо от их типа и цены.
Это блок, где PrestaShop перечисляет все стандартные статичные страницы, как созданные владельцем магазина: информация о доставке, оферта, правила магазина и т.д. Эти страницы не ведут к продажам, но являются достаточно важными, чтобы всегда быть на виду.
По умолчанию, этот блок отображает картинку со ссылкой на официальный сайт PrestaShop. Вы можете изменить настройки этого блока, чтобы например отображать рекламу сайта друга, другого магазина или специальной акции в своем магазине.
Покупатели могут подписаться на почтовую рассылку вашего магазина с помощью этой формы.
Правая колонка редко меняется в стандартной теме на любом этапе продажи. По-умолчанию, эти блоки всегда доступны.
Этот блок отображает, продукты, недавно добавленные в магазин, со ссылкой на их страницы.
Этот блок предоставляет информацию вашим покупателям о товарах участвующих в акциях (если таковые имеются), с указанием старой цены и новой, со скидкой.
Блок содержит баннер со ссылкой на страницу поиска ближайшего оффлайн-магазина. Это крайне полезный инструмент для Вашего бизнеса, если в него входят и оффлайн-магазины. Если таковых нет, эта функция легко отключается.
Телефон вашего магазина должен быть на видном месте на любой странице. Это очень важно!
Здесь происходит вся магия. Центральная часть страницы меняется постоянно, реагируя на запросы посетителя.
Стандартная главная страница представляет все возможности магазина. Слайдер с изображениями служит введением в магазин.
За слайдером следует блок продвигаемых продуктов, которые отобираются владельцем магазина, для привлечения внимания к их новизне или к их текущей цене.
Большинство опытных пользователей попадут в ваш магазин через поисковую систему и скорее всего страница на которую они попадут будет страница товара. Лишь некоторые, попадут на главную. Поэтому важно главную страницу подготовить для новичков.
Категории, теги, производители, поставщики, поиск, акции, топ продаж или новые товары: в PrestaShop есть множество способов добраться до товара, но в любом случае пользователю показан знакомый список отображения товаров, в выбранном контексте.
Не смотря на различный контекст, дизайны списков товаров очень похожи между собой, чтобы быть знакомым даже для новых покупателей:
Такое расположение элементов дает возможность покупателю сходу увидеть главную информацию о товаре, когда тот уже знает все про товар, позволяя ускорить процесс принятия им решения.
Нажатие на кнопку “добавить в корзину” запускает короткую анимацию, отправляя изображение товара в полет до секции с корзиной.
Владелец магазина может включить в заголовок категории изображение с приветственным сообщением.
В то время, как это отключено по-умолчанию, вы можете заменить изображение на изображение-карту. В категорию можно разместить любое количество изображений-карт, которые пользователь может прокрутить с помощью соответствующего инструмента под ними.
Изображение карта это всего лишь изображение, у которого есть ссылка с определенных его частей. Символ “+” расположен во всех областях у которых есть ссылка. В изображении карте может быть столько ссылок сколько потребуется.
При просмотре списка товаров в определенной категории или товары определенного производителя есть возможность сортировки по цене, названию или наличия.
Заметьте: при просмотре товаров по тегу, функции сортировки не доступны.
Товары находящиеся в одной категории можно сравнивать, отметив интересующие товары галочкой слева от картинки и нажав кнопку “сравнить”. Это единственный список товаров в котором можно производить сравнение, так как нет смысла сравнивать товары с разным набором возможностей и характеристик. Очевидно, это означает, что в категории должны находиться только товары характеристики которых можно сравнить.
Если информация о товарах указана полностью и точно, страница сравнения покажет на каждой строке подходящие для сравнения характеристики. Это очень полезно, особенно для товаров с техническими отличиями.
По-умолчанию, покупатели могут сравнить до трех товаров одновременно, но это можно изменить в разделе “товары” в административной части сайта.
Здесь пользователь может увидеть всю информацию, введеную владельцем магазина. В зависимости от темы дизайна, страница товара может быть полна подробностей, а может отражать только основные данные. Стандартная тема наибольший акцент делает просмотр изображений товара с возможностью прокрутки между всеми доступными изображениями.
За изображениями следуют два блока:
Внизу страницы товара есть секция с вкладками. Обычно присудствуют эти вкладки:
Нажатие на ссылку “В корзине: ХХ товаров” в шапке сайта, или на кнопку “Оформить заказ” в интерфейсе корзины, переносит покупателя на страницу “Состояние корзины”, которая является первым шагом оформления заказа. Навигация “Хлебные крошки” отражает следющие шаги процесса заказа:
Покупатель может вернуться к любому из предыдущих шагов, нажав на его заголовок.
Стандартный процесс заказ включает в себя 5 шагов, столько же сколько страниц. Вы можете сделать так, чтобы все 5 шагов были на одной странице. Для этого в административной часть следует перейти в раздел настроек “Заказы” и переключить “Тип процесса заказа” из “Стандратного в пять шагов” в “Одностраничный”. |
Страница корзины дает сжатый, но информативный отчет о товарах которых в ней находятся: изображение, название, особенности, цена единицы продукции, а также возможность изменить количество каждого товара.
Информация о стоимости расположена ниже, включая итоговую стоимость заказа с налогами и доставкой, а также, если применимо – описанием скидочного купона, который был использован. Еще ниже, указаны доступные адреса доставки.
Нажатие на кнопку “Далее” начинает процесс оформления заказа.
Данный этап является лидером по количеству потерянных клиентов. Именно поэтому в PrestaShop создание учетной записи клиента является просто и понятно процедурой.
По нажатию на “войти” в шапке странице, посетитель попадает на страницу входа в систему, где он (или она) могут заполнить одну из двух форм:
Первым шагом по созданию учетной записи является ввод адреса электронной почты и его валидация. После успешной валидации, открывается страница создания учетной записи. Для получения учетной записи необходимо заполнить два блока информации:
После регистрации, покупатель перенаправляется в “Личный кабинет”, где доступны различные его функции: история заказов, кредиты, купоны, а также доступ к ранее введенной информации.
Среди доступных ссылок будет “Добавить мой адрес”. Это будет основной адрес доставки для покупетеля. Потом можно добавить еще столько сколько потребуется. |
Почти каждая страница магазина снабжена кнопкой “Добавить в корзину”, а также отображает краткую информацию о состоянии корзины. Это упрощает первый шаг покупателя к заказу.
Процесс покупки товара на PrestaShop сайте может идти разными путями, но всегда приходит к тому, что на языке электронной коммерции назвается «воронкой конверсии»: с того момента как корзина заполнена и покупатель приступает к оформлению заказа, он должен пройти различные страницы проверки, до тех пор когда его заказ будет сформирован и сможет быть обработан.
Процесс оформления заказа назван воронкой конверсии, потому что на нем многие интернет-магазины теряют огромное количество клиентов, из-за его запутанности, избытка страниц и огромного количества форм, которые за это время надо заполнить. Подробнее про воронку конверсии(англ.): http://en.wikipedia.org/wiki/Conversion_funnel. |
Этот процесс начинается, когда покупатель нажимает на кнопку “Далее” на странице состояния корзины, и всегда представляет собой одну и туже последовательность страниц:
Два адреса обязательны для заказа:
Если пользователю нужно, чтобы адрес доставки и платежный различались, то он может снять галочку “Использовать адрес доставки как платежный адрес” и выбрать адрес из внесенных ранее и добавить новый. Если окажется, что адрес не правильный, покупатель может нажать “Обновить" и исправить его. |
Чек и банковский перевод доступны по-умолчанию. Кроме этого, в PrestaShop легко добавить другие способы оплаты, такие как PayPal, Google Checkout и другие. Полный список установленных модулей по-умолчанию можно посмотреть в административной части сайта, а дополнительные можно получить на странице дополненией: http://addons.prestashop.com/. |
Быстрый заказ Когда анонимный пользователь собирает товары в корзину и нажимает на “Оформить”, странице входа есть два блока: быстрое оформление заказа и адрес доставки. Идея быстрого оформления заказа в том, чтобы посетители могли купить товары без создания учетной записи. PrestaShop все равно потребуется информация для доставки или платежа, но никаких паролей вводить не потребуется. Вы можете отключить функцию быстрого заказа в административной части сайта, в настройках заказа, пункт “Включить гостевую покупку”. |
Одна из замечательных возможностей PrestaShop – отображение на карте оффлайн-магазинов к которым относится данный интернет-магазин. Если доступно (в демо версии – доступно), нажатие на «Наши магазины», покажет карту с формой поиска и указанием радиуса поиска.
На этой карте магазины отмечены логотипами магазина. По клику на логотипе появится полный адрес магазина, номер телефона, рабочие часы магазина, как это указано администратором.
Внизу страницы расположена таблица со списком ближайших магазинов к месту, указанному в поисковом запросе пользователя.