1 часть: Nethouse, HostCMS, Simpla и 1С-Битрикс

2 часть: InSales, OpenCart, CS-Cart и WordPress

Сегодня же рассмотрим:

1. PrestaShop, бесплатная CMS от зарубежных разработчиков
2. Diafan.CMS, российский движок для сайтов (не только для магазинов)
3. платформу AdvantShop, где можно арендовать магазин
4. плагин VirtueMart для Joomla

Для ленивых: Итоговая таблица со сравнением »

Каждую CMS разбираем по таким пунктам:

• Цена
• Установка
• Каталог товаров и его возможности
• Оформление заказа
• Личный кабинет пользователя

• Интеграция с 1С, Яндекс.Маркетом и пр.
• Создание простых текстовых страниц
• Работа с SEO-параметрами
• Дополнительные возможности
• Для какой аудитории подходит

PrestaShop

http://www.prestashop.com/

PrestaShop разрабатывается с 2007 года компанией «PrestaShop SAS», в которую входят специалисты из самых разных стран. Распространяется PrestaShop бесплатно. Есть русскоязычная версия. Скачать дистрибутив можно здесь: https://www.prestashop.com/en/download

Думаю, что PrestaShop по функционалу можно поставить в один ряд с системой OpenCart из предыдущего обзора. Как и OpenCart, PrestaShop разработан иностранными специалистами, поэтому логика его работы больше зарубежная. Но из-за широкого распространения, в том числе, и в России, к PrestaShop есть много готовых модулей для подключения используемых в России способов доставки/оплаты/интеграции и пр.

1. Цена

PrestaShop бесплатен, и это несомненный плюс ))

За дополнительную плату можно приобрести модули и темы (хотя есть и бесплатные), а также расширенную техническую поддержку.

2. Установка

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

После установки получаем вот такой магазин с тестовыми товарами и данными:

В нем есть все необходимые модули для работы магазина. Так что, в самом простом варианте, можно просто заменить товары и тексты на свои и начинать работу.

Кстати, шаблон по умолчанию – адаптивный.

3. Каталог товаров и его возможности

С категориями все в порядке – можно сделать сколько угодно и с любой вложенностью.

Товары добавляем через такую форму (12 вкладок – немало, но они обеспечивают гибкую настройку товара):

Из интересного:

– Можно создавать наборы товаров:

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

– К каждому товару можно добавлять теги. Список тегов будет показываться в боковой колонке на сайте. Кликаем по тегу и получаем список товаров с этим тегом. Удобное дополнение к стандартному фильтру.

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

– Для товара можно задать комбинации (варианты), например, по размеру и цвету:

Удобно, что для каждой комбинации можно задать соответствующие картинки. И если вот здесь я выбираю цвет «Синий», то и картинка слева меняется на товар синего цвета:

Один и тот же товар можно разместить в нескольких категориях (у товара будет карточка товара с одним адресом).

К товару можно добавить Сопутствующие товары. Можно задать Производителя.

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

Есть много вариантов настроек для Скидок:

– Можно назначить скидку только на определенные товары (и для определенных групп пользователей, например, только для тех, кто уже что-то покупал). Так же условием можно поставить количество товара.

– Можно назначить скидку на товары определенной категории, либо определенного производителя, либо на товары с определенными характеристиками (например, на товары только зеленого цвета).

– Можно назначить скидку на сам заказ (в зависимости от суммы заказа). Либо дать бесплатную доставку.

Скидки можно назначать как фиксированные, так и в процентах от суммы. Также доступны купоны на скидку.

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

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

Есть отзывы к товарам. По умолчанию их могут оставлять только зарегистрированные пользователи. Отзывы публикуются после проверки модератором. В админке отзывами можно управлять в разделе «Модули» – «Модули для фронт-офиса» – «Отзывы о товаре».

4. Оформление заказа

Жмем кнопки «В корзину», товары собираются в мини-корзину (в шапке сайта):

По умолчанию заказ оформляется в 4 шага (Регистрация – Адрес – Доставка – Оплата) и регистрация обязательна. Но в админке в разделе «Настройки» – «Заказы» можно включить заказ в 1 шаг и разрешить заказы без регистрации.

Стандартная форма для быстрого заказа такая:

Ее желательно сократить (убрать лишние поля, объединить некоторые поля), чтобы она действительно стала формой, которую можно быстро заполнить.

Далее выбираем способ доставки. По умолчанию в админке добавлено 2 способа – Самовывоз и Курьером, но чтобы они стали доступны для заказов с указанной страной «Россия», нужно в их настройках отметить галочку «Europe (non-EU)» в диапазонах доставки:

Можно добавлять свои собственные способы доставки. На сайте с дополнительными модулями к PrestaShop: http://addons.prestashop.com/ru/ можно найти несколько платных дополнений для подключения автоматически рассчитываемой доставки через PickPoint, QiwiPost, Boxberry. Также на просторах Интернета можно найти готовые модули и для других способов доставки (Почта России, СПСР и пр).

Из способов оплаты в стандартной установке добавлены «Оплата чеком» и «Оплата банковским переводом». В админке в разделе «Модули» – «Способ оплаты» можно изменить/отключить эти способы оплаты или добавить другие. Новые способы оплаты добавляются как отдельные модули. В сети можно найти модули для оплаты через Робокассу, Яндекс.Деньги, WebMoney, RBKMoney, Сбербанк (но нужно будет именно поискать).

Заказы поступают в админку. Клиент получает email-уведомление о заказе.

5. Личный кабинет пользователя

Личные кабинеты есть. В них можно смотреть статусы и историю заказов, смотреть Избранное.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Можно загрузить в магазин список товаров, категорий или клиентов из CSV-файла.

Можно, наоборот, выгрузить список товаров или заказов в формат CSV.

В стандартной комплектации автоматической выгрузки нет. Можно найти готовые модули для автоматической выгрузки в Яндекс.Маркет и Google Покупки.

Для интеграции с 1С тоже понадобится устанавливать отдельный модуль (как правило, они платные).

7. Создание простых текстовых страниц

Простые текстовые страницы можно добавить в админке в разделе «Настройки» – «Страницы» через визуальный редактор:

Можно делать категории для страниц (например, Блог).

После добавления страницы нужно будет добавить ее в меню в разделе «Модули» – «Главное горизонтальное меню».

8. Работа с SEO-параметрами

Мета-теги задаются и для товаров, и для категорий, и для отдельных страниц (в полях «Мета-заголовок», «Мета описание» и «Мета ключевые слова»).

ЧПУ тоже есть. Адрес автоматически генерируется из названия товара/страницы (либо можно указать свой).

Коды счетчиков можно добавить в код шаблона сайта через FTP. Там же можно отредактировать файл robots.txt.Страница 404 ошибки настроена.

9. Дополнительные возможности

Есть форма для сбора email-адресов для рассылок. Через сам PrestaShop сделать рассылку нельзя, но можно выгрузить список email-ов в Excel-файл и сделать рассылку через другой сервис (SmartResponder и пр).

Можно подключить мультиязычность. В разделе «Локализация» – «Языки» добавляем нужный язык. После этого при редактировании товаров/страниц можно будет указывать разные тексты для разных языков. Прочие элементы сайта (подписи кнопок и блоков) тоже будут показываться на другом языке, а в шапке сайта появится переключатель языков.

Также можно добавлять другие валюты.

Еще из особенностей – вPrestaShop собирается много аналитики в самой админке:

10. Для какой аудитории подходит

Подойдет для любых магазинов.

PrestaShop: итог

Для бесплатного движка PrestaShop очень хорош. Все необходимые функции есть, админка вполне понятная и удобная.

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

Еще стоит учесть, что многие из дополнительных модулей (для оплаты, доставки, экспорта) – платные, но заплатить за них нужно будет лишь один раз.

Примеры магазинов на PrestaShop:
http://gdetotam.by/
http://mx-market.ru/
http://i-prestige.ru/
http://www.shishastore.ru/

Diafan.CMS

http://www.diafan.ru/

Diafan.CMS разрабатывается с 2002 года российской компанией «Диафан».Посмотреть демо-версию движка можно здесь: http://demo.cms.diafan.ru/

Diafan.CMS – это движок для создания самых разных сайтов, в том числе, и для интернет-магазинов. Помимо того, что нужно для магазинов, в системе много готовых модулей, которые тоже не помешают – Новости, Блог, Опросы, Фотогалерея и пр.

Сама админка удобная и интуитивно понятная.

1. Цена

У Diafan.CMS одна редакция, стоит 7000 руб. (платите один раз). Есть бесплатный тестовый период на 21 день.

2. Установка

Установка стандартная. На предпоследнем шаге вам будет предложено выбрать нужные вам модули. Вы можете оставить только необходимые модули, а можете оставить все (в любом случае, вы сможете включить/выключить эти модули в админке).

Если вы отметили «Заполнить сайт примерами из демо-версии», то в результате получите такой сайт:

3. Каталог товаров и его возможности

Разделы каталога можно создавать любой вложенности. Товары добавляются через такую форму:

Помимо стандартных названия/описания/картинок здесь можно задать комбинации товаров (варианты для разных цветов, размеров или других параметров) с разными ценами. Для каждой комбинации можно прикрепить свою картинку.

Также можно добавить «Похожие товары» (они же Сопутствующие или Рекомендуемые). Как и в предыдущем движке, можно добавить теги к товару и указать производителя.

Товарам можно назначать метки «Новинка», «Хит», «Акция», они будут показаны в мини-карточке товара:

Один товар можно поместить в разные категории. Адрес у карточки товара будет один (по адресу основной категории).

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

Можно задавать разнообразные скидки:
– В процентах от суммы или фиксированные
– На отдельные товары, категории или на все сразу
– Скидки в зависимости от суммы заказа
– Накопительные скидки от суммы оплаченных ранее заказов
– Купоны на скидку
– Скидки для разных групп пользователей

В каталоге товаров есть стандартная сортировка по цене и названию. И можно добавить свою собственную сортировку по характеристикам товаров (например, по размеру или весу).

Товары можно добавлять в Избранное, можно сравнивать. Хиты, Новинки и Спецпредложения можно показывать в любой части сайта (по умолчанию их нет, нужно будет добавить в шаблон).

Товары можно оценивать и комментировать. Уведомления о новых комментариях приходят на email администратору сайта. Возможность комментировать можно сделать доступной только для зарегистрированных пользователей. И можно (и думаю, что нужно) включить модерацию сообщений перед публикацией.

4. Оформление заказа

Кнопками «Купить» собираем свой заказ. В мини-корзине вверху справа смотрим число товаров и сумму.

Заказ оформляется на одной странице, но страница немаленькая:

Интересный функционал – к заказу можно добавить «Сопутствующие услуги», например, подарочную упаковку или расширенную гарантию. Они достаточно просто настраиваются в админке сайта.

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

Из способов оплаты доступны: Наличными, По счету через банк, Робокасса, Яндекс.Касса (Яндекс.Деньги, банковская карта, Сбербанк Онлайн, Альфа-Клик и пр.), QIWI, WebMoney – более чем достаточно, чтобы охватить российский сегмент пользователей.

Опять же можно сократить форму для заполнения данных пользователя, например, собрав все поля для адреса в одно поле.

Заказы «падают» в админку. Уведомления о заказе приходят клиенту и администратору магазина.

5. Личный кабинет пользователя

Личные кабинеты есть. В них можно смотреть статусы и историю заказов, смотреть Избранное.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Можно выгружать и загружать список товаров в формате CSV.

Есть автоматическая выгрузка каталога товаров в Яндекс.Маркет.

Реализована интеграция с 1С и системой МойСклад.

7. Создание простых текстовых страниц

Простые страницы добавляются через визуальный редактор:

Есть полноценные разделы для Блога и Новостей, с комментариями к статьям и рейтингом.

8. Работа с SEO-параметрами

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

ЧПУ настроены, автоматически генерируются из названия товара или страницы. Можно менять на свои.

Коды счетчиков можно добавить в код шаблона сайта через файловый менеджер в админке. В нем же доступен файл robots.txt.

9. Дополнительные возможности

Есть модуль для рассылок. Форма подписки по умолчанию выводится в подвале сайта. Можно делать SMS-рассылки (через шлюз ByteHand).

Доступна мультиязычность. Установить дополнительный язык (английский) можно сразу при установке движка.

Пользователи могут пополнять баланс своего Личного кабинета, а затем оплачивать товары с баланса.

Также есть полезная возможность для SEO-специалистов – автогенерация мета-тегов (это, например, есть и в Битриксе). Вы можете не прописывать мета-теги к каждому товару, а задать шаблоны для генерации мета-тегов из названий товара и категории.

10. Для какой аудитории подходит

Подойдет для любых магазинов.

Diafan: итог

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

Без помощи программиста опять же не обойтись (для настройки шаблона и отладки процедуры заказа). Но после настройки менеджеры спокойно справятся с управлением магазином.

Что еще: Diafan имеет хорошую документацию и русскоязычную поддержку (т.к. разработчики из России).

Примеры магазинов на Diafan.CMS:
http://klinkergrad.ru/
http://камские-грузовики.рф/
http://aukashop.ru/
http://ups-delta.com/

AdvantShop

http://www.advantshop.net/

AdvantShop – это тоже российская разработка, ей занимается компания AdvantShop.Net с 2006 года.

Этот движок можно поставить на свой хостинг как полноценную CMS, но все ее авторы позиционируютAdvantShopкак готовую платформу для создания интернет-магазинов – то есть хостинг не нужен, вы получаете готовый магазин и изменяете его контент (и частично оформление) так, как вам нужно. В этом их можно сравнить с платформой InSales.

Демо-версию можно посмотреть здесь: http://www.advantshop.net/demo

AdvantShop предназначен специально для интернет-магазинов, так что все необходимое в нем есть.Если понадобится какой-то свой особый функционал, то нужно брать коробочную версию и ставить на свой хостинг (чтобы можно было дописывать собственные модули).

1. Цена

Использование платформы оплачивается ежемесячно (или можно сразу за год). Минимальная версия (с ограничением на 500 товаров) стоит 1000 руб. в месяц. Максимальная версия – 8000 руб. в месяц.

Коробочная версия для установки на хостинг стоит 40000 руб.

2. Установка

Начать использовать платформу AdvantShop просто – нужно лишь указать свой email и придумать пароль. Вам будет создан аккаунт и магазин с тестовыми данными и с адресом вида http://trial6.on-advantshop.net/

После оплаты можно будет привязать к этому адресу свой домен.

Если вы берете коробочную версию, то установка будет обычной (распаковка на хостинг, добавление базы данных и запуск скрипта установки).

3. Каталог товаров и его возможности

Разделы создаются с любой вложенностью. Товары в каталог добавляются через форму:

Вкладок достаточно много (для гибкой настройки товара):

– К товару можно добавлять теги, можно указать производителя.

– Помимо картинок к товару можно загружать видеофайлы.

– Можно добавить свои характеристики, потом они будут доступны в фильтре:

– Можно задавать разные цены для товара в зависимости от его размера и цвета. Также можно добавить свои опции, влияющие на цену.

– Для товара можно назначить сопутствующие товары и похожие товары.

– Также можно добавить для товара подарки – например, при покупке планшета можно в подарок назначить пленку для экрана. Подарок будет показываться рядом с картинкой товара и будет автоматически добавлен в заказ (с нулевой ценой).

– Еще можно настроить блок «Вместе с этим товаром покупают» (как на Ozon-е), чтобы посетитель мог добавить в заказ сразу комплект товаров:

Скидки так же доступны в разных вариантах: на товары/категории/все сразу, фиксированные или в процентах от суммы заказа (или товара). Есть купоны на скидку. Есть подарочные сертификаты.

В каталоге товаров доступна сортировка по цене, названию, новизне и рейтингу. Есть сравнение товаров и избранное (называется «Список желаний»).

На главной странице выводятся Хиты продаж, Новинки и Товары со скидкой.

Товарам можно выставлять оценку и можно оставлять отзывы. По умолчанию они без модерации. В админке можно включить модерацию отзывов перед публикацией (в разделе «Настройки» – «Карточка товара»).

4. Оформление заказа

Для добавления в корзину жмем кнопки «Добавить» у товаров (название кнопки меняется в админке, можно указать там более привычное «В корзину»). Мини-корзина стандартно вверху справа:

Заказ оформляется на одной странице, она достаточно компактная. В админке в настройках формы заказа можно объединить поля «Имя» и «Фамилия» в одно. Поле «E-mail» в настройках убрать нельзя.

Регистрация Личного кабинета для заказа необязательна. Но если пользователь хочет зарегистрироваться, ему показывается только 2 дополнительных поля для ввода пароля.

Стоимость доставки рассчитывается автоматически. Магазин определяет город пользователя и по умолчанию рассчитывает доставку в этот город. Пользователь может выбрать другой город. Если пользователь выбирает способ доставки, отличный от самовывоза, то ему показывается поле для Адреса доставки.

Разработчики AdvantShop говорят, что в их систему интегрировано много популярных способов доставки – Почта России, СПСР, СДЭК, DHLExpress, UPS, PonyExpress, ЖелДорЭкспедиция, Boxberry.

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

Но сама реализация на странице заказа выглядит очень хорошо – показываются цена и срок каждого варианта доставки.

Список доступных способов оплаты в админке тоже большой: Наличные, Квитанция Сбербанка, Счет на оплату, Яндекс.Касса, Робокасса, Assist (банковские карты), PayPal, Qiwi, RBKMoneyи пр.

Но опять же в админке возникли проблемы – не сохранялись изменения в способах оплаты, и не понятно, где указывать дополнительные данные по каждой из систем (например, номер магазина в Яндекс.Кассе).

Заказы приходят в админку. Пользователю отправляется уведомление с подтверждением заказа.

Также доступен заказ в 1 клик.

5. Личный кабинет пользователя

Личные кабинеты есть. В них доступна история заказов, их статусы. В личном кабинете можно изменить подписку на новости.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Есть экспорт и импорт списка товаров в формате CSV, а также экспорт заказов (тоже в CSV).

Доступна выгрузка каталога товаров в Яндекс.Маркет и Google Покупки. Можно сделать выгрузку автоматической, если отметить галочку «Выгружать по расписанию».

Интеграция с 1С есть, в админке настраивается в разделе «Настройки» – «Общие настройки» – «API» – «1С».

7. Создание простых текстовых страниц

Текстовые страницы добавляем через визуальный редактор:

Можно сделать раздел с новостями, настраивается в админке в разделе «CMS» – «Новости». Отдельно можно сделать Блог – для этого нужно будет установить дополнительный модуль «Блог».

8. Работа с SEO-параметрами

Title, description и keywords можно указывать для всех страниц сайта – разделов и товаров, страниц и статей. Мета-теги можно прописывать для любых страниц сайта (товаров, разделов, страниц, статей и т.д.).

ЧПУ работают, адрес генерируется из названия товара/страницы. Вложенности адресов нет, то есть раздел может иметь такой адрес – /categories/phones, а у товара – /products/apple_iphone_4s_16gb_belyi (то есть все товары в папке products лежат).

Для аналитики можно подключить GoogleAnalytics. Яндекс.Метрики можно установить с помощью дополнительного модуля «Яндекс.Метрика».

Обработка 404 ошибки (страница не найдена) работает корректно.

Файл robots.txt можно редактировать через админку (в Настройках).

9. Дополнительные возможности

Есть автоматическое определение города пользователя. Этот город будет использоваться при расчете стоимости доставки. Как и в DiafanCMSможно задавать шаблоны для мета-тегов.

Есть встроенная CRM. В ней можно задавать список менеджеров, ставить им задачи, создавать лиды и менять их статусы.

Есть функционал для выдачи бонусных карт (с подтверждением номера телефона по CMC). Но не понятно, где в админке можно посмотреть эти выданные бонусные карты.

Доступно указание цен в разных валютах (по умолчанию добавлены рубли, евро и доллары). Можно включить автообновление валют.

10. Для какой аудитории подходит

Для мелких и средних магазинов.

AdvantShop: итог

Различных функций в AdvantShop достаточно много, но впечатление сильно подпортили неработающие настройки оплаты и доставки в триальной версии. Если это ограничения бесплатной версии, то стоило бы в этих разделах прямо об этом написать. Если это какие-то «глюки» в системе, то, думаю, они будут исправлены.

Из плюсов AdvantShop хочется отметить хороший шаблон по умолчанию – он удобен в плане юзабилити и приятен на вид.

Важно: Если решите брать коробочную версию, чтобы с ней работал ваш штатный программист, обязательно уточните у него, знаком ли он с технологией ASP.NET (т.к. это не совсем стандартное решение для CMS).

Примеры магазинов на AdvantShop:
http://kvadrikshop.net/
http://eleosstroy.ru/
http://keramar.ru/
http://www.lavandadecor.ru/

Joomla 3

http://joomla.org/

Joomla разрабатывается с 2005 года группой разработчиков TheJoomlaProjectTeam. Распространяется бесплатно. Скачать движок Joomla и его русификацию можно с сайта http://joomlaportal.ru/

Joomla не предназначена для разработки именно интернет-магазинов, но имеет несколько плагинов, с помощью которых можно добавить интернет-магазин на сайт на этой CMS. Я рассмотрю один из этих плагинов (наверное, наиболее известный) – VirtueMart.

Если вы создаете интернет-магазин с нуля и хотите использовать бесплатнуюCMS, то стоит выбрать один из движков, разработанных специально для магазинов (например, тот же PrestaShop).Но если у вас уже есть сайта на Joomla, и вы хотите добавить на него интернет-магазин, то в таком случае как раз можно воспользоваться плагином VirtueMart.

1. Цена

И Joomla, и плагин VirtueMart бесплатны.

2. Установка

Joomla устанавливается стандартно. Затем скачиваем VirtueMart с сайта http://virtuemart.net/downloads (там же берем его русификацию) и устанавливаем на сайт в админке в разделе «Расширения» – «Менеджер расширений». После установки управление магазином доступно в админке в разделе «VirtueMart».

В отличие от предыдущих систем, здесь VirtuMart ставится без тестовых данных, так что все настраиваем и заполняем с нуля.

Примерно за полчаса мучений удалось добавить несколько категорий и товаров и настроить такой магазин:

3. Каталог товаров и его возможности

Категории создаются с любой вложенностью. Товары добавляем через форму (честно говоря, не все поля понятны):

Для товара можно задать производителя (только сперва нужно будет добавить список производителей).

Один товар можно поместить в несколько категорий. Адреса карточки товара в таком случае будут разными (в зависимости от того, из какой категории открыли товар), но будет прописан тег rel=»canonical» с основным адресом, поэтому дублями эти страницы считаться не будут.

Товар можно сделать доступным только для определенных групп покупателей. Также можно задавать свою цену товара для каждой группы.

Можно добавить характеристики к товару. Можно сделать, чтобы они влияли на цену товара.

Товар можно отметить рекомендуемым. К товару можно добавить Сопутствующие товары (например, аксессуары).

Можно указать для товара цену со скидкой (цену по акции) – она будет перезаписывать основную цену. Есть купоны на скидки.

Из стандартных модулей есть такие:
— VirtueMart Поиск товаров: выводит поле для поиска по названию/описанию товара
— VirtueMart Корзина: выводит мини-корзину
— VirtueMart Производители: выводит список производителей
— VirtueMart Товары: выводит Рекомендуемые товары, Лидеры продаж, Случайные товары или Новинки
— VirtueMart Категории: выводит категории магазина

Добавить на сайт и настроить эти модули можно в админке в разделе «Расширения» – «Менеджер модулей».

Другие функции (например, фильтр по параметрам, избранное) можно добавить с помощью дополнительных плагинов, которых для

Джумлы существует очень даже немало.

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

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

4. Оформление заказа

Жмем «Добавить в корзину» у товаров, они появляются в мини-корзине (если мы добавили ее на сайт в «Менеджере модулей».

Форма заказа помещается на одной странице:

Юзабилити у нее, конечно, хромает, нужно будет дорабатывать ее шаблон.

Также не удобно, что заполнение контактной информации заказчика открывается на новой странице и содержит много полей:

Способы доставки и оплаты добавляются в админке в соответствующих разделах. По умолчанию есть обработчики для нескольких зарубежных способов (например, PayPal). Для подключения способов для России нужно поискать готовые плагины. Если же вам нужна оплата только наличными, а доставка курьером или самовывоз, то дополнительные плагины не понадобятся.

Заказы поступают в админку. Уведомления приходят покупателю и администратору магазина.

5. Личный кабинет пользователя

Личные кабинеты есть. Только в настройках Joomla нужно отметить «Да» в пункте «Разрешить регистрацию пользователей».

В личном кабинете можно смотреть/редактировать свои контактные данные и информацию о заказах. Для этого нужно будет добавить в меню пункт «Личный кабинет», для него выбрать «Тип пункта меню» – «VirtueMart – Учетная запись».

6. Интеграция с 1С, Яндекс.Маркетом и пр.

В стандартной установке экспорта или импорта нет. Но есть различные плагины для выгрузки товаров или заказов в CSV, для выгрузки товаров в Яндекс.Маркет и даже для интеграции с 1С (нормально работающее решение для 1С, скорее всего, будет платным).

7. Создание простых текстовых страниц

Текстовые страницы создаются стандартно, через такую форму:

Можно создать Блог, Новости или любой другой раздел со статьями.

8. Работа с SEO-параметрами

Мета-теги можно прописывать для любых страниц сайта. Но в отличие от других движков, в Джумле они немного «разбросаны» – title указывается при создании пункта меню, description и keywords при создании страницы.Но в самом VirtueMart мета-теги задаются для товаров и для категорий в одном месте (после описания товара/раздела).ЧПУ настроены, их нужно указывать на латинице при добавлении товара/категории.Счетчики добавляем в шаблон сайта. Файл robots.txtредактируем через FTP или файловый менеджер на хостинге.

9. Дополнительные возможности

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

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

10. Для какой аудитории подходит

Для небольших и средних магазинов.

VirtueMart: итог

VirtueMart подойдет тем, у кого уже есть сайт на Джумле, и возникла необходимость добавить на него магазин (а переносить сайт на другой движок не хочется). Либо тем, у кого планируется немного товаров и простые способы доставки/оплаты, при этом бюджет сильно ограничен (и есть знакомый программист)). Как говорится, когда нужно «дешево и сердито».

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

Примеры магазинов на VirtueMart:
http://www.mobparts.ru/
http://rollerclub.ru/
http://www.evisun.ru/
http://www.santorg.com/

Заключение

По традиции, сводная таблица:

Для меня лидером данной части обзора стала Diafan CMS за хорошее сочетание цены/качества и удобную интеграцию с популярными способами оплаты.

P.S. Первая часть обзора (Nethouse, HostCMS, Simpla CMS, 1С-Битрикс), вторая часть обзора (InSales, OpenCart, CS-Cart, WordPress WooCommerce).

Сообщение Выбираем CMS для интернет-магазина. Часть 3 появились сначала на Clip-Clap.

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

Итак, сегодня разберем:

1. платформу InSales, как вариант без установки на хостинг
2. OpenCart, бесплатный, но зарубежный движок
3. CS-Cart, российскую разработку, по функциональности во многом догнавшую Битрикс
4. плагин WooCommerce на WordPress, как бесплатный вариант для любителей Вордпресса

Как и в прошлый раз, мы рассмотрим каждую CMS мы таким пунктам:

• Цена
• Установка
• Каталог товаров и его возможности
• Оформление заказа
• Личный кабинет пользователя

• Интеграция с 1С, Яндекс.Маркетом и пр.
• Создание простых текстовых страниц
• Работа с SEO-параметрами
• Дополнительные возможности
• Для какой аудитории подходит

InSales

http://www.insales.ru/

Платформа разрабатывается с 2008 года российской компанией InSales.

По сути похожа на платформу NetHouse из предыдущего обзора. Вы собираете свой сайт из уже готовых модулей и на готовых шаблонах (но в InSales можно изменять внешний вид магазина).

1. Цена

Бесплатных версий нет. Есть 5 тарифов — от 600 до 9500 руб. в месяц.

Для простого интернет-магазина подойдет тариф за 1300 руб. в месяц – т.к. начиная с него доступна настройка скидок (сейчас сложно представить магазин без скидок). Также в этой версии есть личные кабинеты пользователей. Если нужна интеграция с 1С – то нужен будет (как минимум) тариф за 4000 руб. в месяц.

На ознакомление с возможностями платформы дается 14 дней бесплатного периода.

2. Установка

Свой хостинг не нужен. Физически сайт будет находиться на серверах компании InSales.

Чтобы начать использовать платформу, нужно зарегистрировать свой аккаунт (указать email и пароль) и выбрать 1 из бесплатных шаблонов (в дальнейшем его можно будет изменить).

После этого ваш магазин будет доступен по адресу вида http://shop-52462.myinsales.ru/ (то есть свой домен потом надо будет все-таки купить, с таким адресом магазин особо не запустишь).

Далее в панели управления вы сможете работать с товарами/заказами и настройками магазина.

3. Каталог товаров и его возможности

В админке можно создавать категории (разного уровня вложенности). Товары в них добавляются через такую форму:

При указании цены товара можно задать разные цены для разных вариаций товаров, например, по размеру:

Тогда цена в карточке товара будет зависеть от выбранного параметра:

Тут же можно добавить к товару Сопутствующие товары и Аналогичные товары.

Также в настройках можно добавить параметры для товара (например, цвет, размер, сезон и пр.):

Эти параметры автоматически станут доступны в фильтре:

Доступна сортировка по цене, названию и дате добавления.

Можно разместить один товар сразу в нескольких категориях (физически карточка товара будет одна, но будет отображаться в разных категориях).

Есть сравнение товаров. И блок с Просмотренными товарами.

Можно вывести определенные товары на главную страницу. Или сделать блок «Популярные товары», «Лидеры продаж» и т.п. Скидки доступны в тарифе «Стандартный» (за 1300 руб. в месяц). Можно делать накопительные скидки, скидки на сумму заказа, скидки для определенных групп клиентов, скидки по купонам.

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

4. Оформление заказа

С помощью кнопок «В корзину» пользователь собирает свой заказ, в мини-корзине показываются число товаров и сумма заказа:

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

Поля формы заказа можно редактировать в админке. Заказа в 1 клик нет.

По умолчанию задан способ доставки «Курьером». В панели управления магазином можно добавить как свои методы доставки, так и уже готовые популярные методы: СПСР Экспресс (с автоматическим расчетом стоимости), Почта России, через постамат Pick Point и др.

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

Для оплаты по умолчанию показывается «Наличными курьеру». В админке можно добавить достаточно много уже предустановленных способов оплаты (PayPal, Assist, Яндекс.Деньги, QIWI, WebMoney, Счет для юр.лиц, Наложенный платеж). Либо можно подключить основные электронные деньги одним кликом через систему PayU.

Список заказов хранится в панели управления. Уведомления о заказе приходят на почту администратору магазина и покупателю.

5. Личный кабинет пользователя

Личные кабинеты есть. На форме заказа пользователю показывается галочка «Стать постоянным покупателем».

То есть пользователь сам выбирает, создавать ему Личный кабинет или нет.

В Личном кабинете он сможет видеть историю своих заказов и их статусы, а также доступные ему скидки.

Когда пользователь создал Личный кабинет, то администратор магазина может добавить его, например, в группу «VIP-клиенты» и назначить для этой группы скидку в 15%.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Можно загрузить товары в магазин из файла в формате CSV или YML.

Можно настроить выгрузку списка товаров для торговых площадок – Яндекс.Маркет, Google Merchant, Price.ru.

Интеграция с 1С есть, но доступна только начиная с версии за 4000 руб. в мес.

7. Создание простых текстовых страниц

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

Также можно добавить сколько угодно каталогов страниц (то есть Блог, Новости и т.д.). Для них есть возможность оставлять комментарии (только нужно будет включить их в настройках).

8. Работа с SEO-параметрами

Мета-теги можно прописывать для всех страниц. В редактировании страниц, разделов, товаров есть блок «SEO-параметры».

ЧПУ доступны. При добавлении товара или страницы ей задается адрес на латинице (транслитерацией). Все товары размещаются в папке product, поэтому ссылки на них имеют адреса вида http://shop-52462.myinsales.ru/product/samsung-galaxy-tab (то есть в URL вложенность категорий не отражается).

В админке можно добавить номера счетчиков Яндекс.Метрики, Google Analytics и Рамблер Топ100, либо вставить произвольный код скрипта.

Страница ошибки 404 настроена.

9. Дополнительные возможности

Мультиязычность. Вы можете добавить дополнительные языки в настройках магазина:

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

Можно отслеживать каналы продаж: сколько было посещений и заказов из каждого канала, какие у них конверсия и оборот.

По умолчанию email-рассылок нет. Можно подключить интеграцию со сторонними сервисами (например, Печкин-mail или UniSender).

10. Для какой аудитории подходит

Мелким и средним магазинам. Т.к. это все же не CMS на своем хостинге, то вряд ли будет целесообразно размещать крупный магазин на такой сторонней платформе.

InSales: итог

Вообще, платформа довольно приличная. Если сравнивать с NetHouse, то InSales будет в выигрыше – в нем и функционала побольше, и внешний вид сайта (шаблон) можно менять на свой.

Но при этом все модули, необходимые для работы интернет-магазина, есть и настроены – программировать дополнительно ничего не нужно (кроме замены шаблона, но с этим справится и программист «средней руки»).

Собственно, поэтому InSales и стоит дороже – от 15500 руб. в год за InSales против 3000 руб. в год за NetHouse.

Можно сказать, что в таком случае проще взять отдельный движок (тот же Simpla CMS), заплатить за него 1 раз, установить на свой хостинг и дальше делать с ним все что угодно, но больше не платить, в отличие от InSales, где нужно будет платить постоянно.

Но в случае своего движка вы, помимо его покупки, будете платить за:
— хостинг, а также выяснение и устранение каких-либо нестыковок движка и хостинга
— обновление CMS
— доработку отдельных модулей для CMS
— проверку сайта на вирусы и их удаление

Если вы берете InSales, то обо всем этом вам думать не нужно, этим занимаются сотрудники InSales (собственно, за это вы и будете платить ежемесячно).

Примеры магазинов на InSales:
http://www.piter.com/
http://store.transaero.ru/
http://lt-mebel.ru/
http://dreambikes.ru/

OpenCart

http://www.opencart.com/

OpenCart разрабатывается с 2012 года компанией OpenCart Limited из Гонконга. Поэтому архив с CMS, который вы скачаете с официального сайта, будет содержать англоязычную версию движка. Русифицированную версию можно скачать здесь — http://opencart-russia.ru/

Вот тут можно ознакомиться с демо-версиями магазина и админки: http://www.opencart.com/index.php?route=demonstration/demonstration

OpenCart – это полноценная CMS, «заточенная» под интернет-магазины. Пользуется большой популярностью – не только за свою бесплатность, но и за хороший набор функций для магазина.

1. Цена

OpenCart можно скачать совершенно бесплатно.

Также для OpenCart разработано много готовых шаблонов и дополнительных модулей. Они могут быть как платные, так и бесплатные.

2. Установка

Установка обычная: скачиваем архив, распаковываем, копируем содержимое папки «upload» на свой хостинг, создаем базу данных и запускаем установку.

В результате получаем вот такой магазин с тестовыми товарами:

3. Каталог товаров и его возможности

Можно делать категории (разделы) любого уровня вложенности. Через такую форму в них заносятся товары:

Форма не самая маленькая, но в основном вы будете заполнять только 3-4 вкладки, а не все 11). Но здесь есть другое неудобство – после того как вы заполните какие-нибудь поля в карточке товара (например, название и описание) и нажмете на кнопку «Сохранить» – вы окажетесь снова в полном списке товаров. И нужно будет опять найти этот товар и открыть форму редактирования (и так каждый раз после сохранения).

Кроме того, в админке список товаров почему-то не разбит на категории. То есть на одной странице вы задаете список категорий. А на другой странице работаете с товарами, которые выведены все одним списком. Это неудобно, например, если я хочу изменить что-то только в товарах категории «Телевизоры» – мне придется выискивать их все в общем списке.

Дальше о добавлении товаров:

Можно показывать один и тот же товар в разных категориях. При этом карточка товара будет доступна по двум разным адресам, но у этих двух страниц автоматически будет указан канонический URL (тег <link rel=»canonical» />). Так что у поисковики не будут считать их дублированным контентом.

К товару можно добавить «Рекомендуемые товары».

Можно добавлять к товару «Опции» (или Варианты). Причем можно сделать не только вот так, когда вы выбираете один из вариантов, например, размер:

Но и вот так – здесь вы можете выбрать дополнительные приложения к товару (либо не выбирать ничего):

И все эти опции можно добавить вместе для одного товара. Цена будет рассчитана в зависимости от того, что «натыкает» клиент:

Можно указать скидку для товара – просто сниженную цену, либо задать разные цены для разного количества:

Можно создавать купоны на скидку, которые будут давать определенную скидку (в процентах или фиксированную сумму) на определенные товары или категории товаров. Также можно делать купоны на бесплатную доставку.

Можно добавить фильтр. Но, честно сказать, он настраивается не самым тривиальным образом – у меня ушло минут 20, чтобы разобраться в его логике. Но как в суть вникнешь, дальше процесс идет быстрее)) Выглядит фильтр стандартно:

В каталоге товаров доступна сортировка по цене, названию и рейтингу. Также можно выбирать, по сколько товаров показывать на странице.

Есть сравнение товаров.

Просмотренных товаров по умолчанию нет. Можно поставить отдельным модулем (он бесплатный) в админке в разделе «Модули» — «Установка расширений».

Можно выводить блоки с Популярными товарами, Новинками, Хитами продаж. Отдельно есть раздел для Производителей (чтобы показывать товары по конкретным фирмам).

Отзывы к товарам есть, с рейтингом и с премодерацией. Уведомление о новом отзыве приходит на email администратора магазина.

4. Оформление заказа

С помощью кнопок «Купить» складываем товары в корзину, вверху справа показывается мини-корзина с числом товаров и суммой заказа:

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

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

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

Кнопки для добавления своих способов доставки нет, и это минус OpenCart. Но есть несколько готовых платных модулей для доставки (EMS, СПСР, Почтой России), их можно будет установить дополнительно.

Из способов оплаты по умолчанию включен «Оплата при доставке». В админке доступны еще 4 способа – Оплата наличными, Банковский перевод, PayPal, LiqPay. Популярных российских способов оплаты нет, но их, опять же, можно подключить с помощью установки дополнительных модулей.

Заказа в 1 клик по умолчанию нет. Добавить его можно, но потребуется программист.

Заказы поступают в админку. Email-уведомления о заказе отправляются покупателю и администратору магазина.

5. Личный кабинет пользователя

Личные кабинеты есть. При оформлении заказа пользователь может выбрать, регистрировать Личный кабинет или нет. В нем будет доступна история заказов, их статусы, Закладки, Бонусные баллы.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Выгружать и загружать данные возможно только в формате SQL (то есть напрямую в базу данных). Поэтому для настройки обмена данными (с 1С, с Яндекс.Маркетом и пр.) нужно будет искать дополнительные модули.

7. Создание простых текстовых страниц

Обычные текстовые страницы можно добавить в админке в разделе «Каталог – Статьи» через форму:

Затем нужно вывести эту страницу в меню – но тут уже понадобится вносить изменения в шаблон сайта (посредством программиста).

По умолчанию возможности сделать Блог или список новостей нет. Нужно искать отдельные модули.

8. Работа с SEO-параметрами

Title, description и keywords можно указать для всех страниц (главной, карточек товаров, категорий, текстовых страниц).

ЧПУ нужно включить в Настройках, и не забыть в папке сайта переименовать файл «.htaccess.txt» в «.htaccess». Адреса формируются на латинице (в форме редактирования вы заполняете «SEO-URL») и имеют вложенную структуру, например, http://test-site.ru/component/monitor/samsung-syncmaster-941bw

Счетчики можно установить любые, их код нужно будет добавить в общий код шаблона.Ошибка «Страница не найдена» (404) настроена корректно.

9. Дополнительные возможности

Можно делать рассылку по подписчикам, либо по всем клиентам, либо по тем, кто купил те или иные товары:

Бонусные баллы: В админке в карточке товара можно указать, сколько будет начислено клиенту бонусных баллов за покупку товара. И также в карточке товара есть отдельное поле, в котором можно указать, за сколько бонусных баллов его может получить клиент.

Мультиязычность: тоже реализована. Добавляем нужный язык в разделе «Локализация – Языки», и в редактировании товаров, категорий, страниц у нас появляются отдельные вкладки для текстов на разных языках.

Также можно добавлять валюты. Переключатели языков и валют появляются на сайте автоматически:

10. Для какой аудитории подходит

Мелким и средним магазинам. Для крупных магазинов будет неудобно работать именно в админке, т.к. в ней практически нет функций для «массовых» действий с товарами, а в крупном магазине товаров будет не просто много, а очень много. И если вы, например, захотите добавить какой-то новый фильтр, то вам придется прописывать его отдельно для каждого товара (представьте, если товаров 1000).

OpenCart: итог

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

Так что если у вас в штате есть свой веб-программист, то вы вполне можете сэкономить на покупке CMS, взяв бесплатный OpenCart, а уж программист «допилит» его до нужного состояния.

Примеры магазинов на OpenCart:
http://acards.by/
http://dewaltspb.ru/
http://zdorovie24.ru/
http://fordboutique-shop.ru/

CS-Cart

http://www.cs-cart.ru/

CS-Cart разрабатывается с 2005 года российской компанией Simtech.

Демо-версии магазина и панели управления можно попробовать здесь: http://www.cs-cart.ru/demo-shop.html. Также можно установить CS-Cart на свой хостинг и пользоваться им бесплатно в течение 30 дней.

CS-Cart – это движок, разработанный специально под интернет-магазины. Функционал имеет большой, все работает достаточно слаженно. Панель управления удобная.

1. Цена

CS-Cart стоит 24500 руб. Заплатить нужно только 1 раз.

2. Установка

Установка, казалось бы, стандартная: архив с CMS распаковываем на свой хостинг, добавляем базу данных и запускаем скрипт установки.

Но это первая CMS, с которой при этом возникли проблемы:
1. Оказалось, что для нее нужно установить дополнительный модуль PHAR на сервере. Он устанавливается в пару кликов, но только если вы знаете, где искать настройки веб-сервера в панели управления своим хостингом.
2. Движок не хотел принимать для установки имя базы данных с дефисом. У меня на хостинге имя базы жестко завязано на имя аккаунта, а оно с дефисом – и поменять его нельзя. В принципе, проблема решилась добавлением одного символа в код CS-Cart, но все равно было потрачено время, чтобы эту проблему решить (и непонятно, чем дефис мог помешать).

При установке можно сразу же выбрать дополнительные языки (если у вас будет магазин на разных языках). Если вы хотите, чтобы в магазин были добавлены тестовые товары, отметьте галочку «Установить демо-данные».

После установки получаем уже заполненный магазин:

3. Каталог товаров и его возможности

Категории можно создавать в любом количестве и любой вложенности.

Форма для добавления товаров большая (целых 16 вкладок), и вот это только первая вкладка:

Но зато в этой форме можно указать много настроек для товара:

• Название, описание, цену, фотографии, количество
• Цену доставки отдельно для этого товара (либо сделать доставку товара бесплатной)
• Скидки, бонусные баллы
• Характеристики
• Сопутствующие товары (здесь они называются «Обязательные товары»)
• Варианты товара, например, цвет или размер, причем к каждому варианту можно добавлять свою фотографию товара:

• Подписчиков на товар: Можно подписать отдельных юзеров на конкретные товары.
• Также можно указать, что сможет сделать пользователь, если товара нет в наличии – сделать предзаказ или подписаться на уведомления о поступлении товара. То есть эти функции уже встроены в движок.

В разделе «Товары – Характеристики» можно добавлять свойства к товарам, например, размер экрана, объем памяти и т.д. А в разделе «Товары – Фильтры» можно настроить фильтр по всем этим характеристикам. Для разных категорий можно выводить как разные фильтры, так и общий.

Здесь тоже можно разместить один товар в нескольких категориях (но у карточки товара будет один адрес).

В карточке товара есть блок с названием «За ту же цену». В нем показываются товары с похожей ценой. Первый движок, где вижу такое решение ))

К товарам можно добавлять скидки:
– скидки на все или только на определенные товары
– купоны на скидку
– скидки в зависимости от суммы заказа
– можно указывать оптовые скидки (ставить разные цены для разного количества товара)

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

Есть блок с просмотренными товарами. И есть сравнение товаров, только нужно обязательно ставить галочку «Сравнение характеристик» в админке при добавлении каждого товара (тогда у этого товара появится кнопка «Добавить в список сравнения»).

Можно добавлять на сайт блоки с Новинками, Спецпредложениями, Хитами продаж.

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

И еще из плюсов: по умолчанию настроено хорошее горизонтальное меню, в котором компактно и удобно размещается большое число категорий и подкатегорий:

4. Оформление заказа

Пользователь жмет на кнопки «В корзину», число товаров и общая сумма показываются вверху справа в мини-корзине:

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

В блоке «Адрес доставки» нужно заполнить около 10 обязательных полей. В принципе, будет не лишним сократить их число – можно настроить в админке в разделе «Администрирование – Поля профиля» (там можно отключить любые лишние поля, кроме поля «Email»).

Далее идет выбор способа доставки. В админке можно создать сколько угодно способов доставки (указываете название и стоимость доставки, можно связать с определенными регионами). Также есть уже настроенные варианты доставки для Почты России, EMS, DHL, UPS, USPS, FedEx, СДЭК, СПСР-Экспресс с автоматическим расчетом стоимости в зависимости от выбранного пользователем региона.

Интересно, что при настройке способа «Самовывоз» можно указать адреса точек выдачи (если их несколько), и пользователь сможет при заказе выбрать подходящий ему адрес:

Способы оплаты тоже нужно добавить в админке. Есть готовые обработчики для популярных способов: Сбербанк-Онлайн, Assist, Квитанция Сбербанка, Qiwi, RBKMoney, Яндекс.Деньги, Счет на оплату, PayPal, Robokassa, WebMoney (и еще 50-70 менее популярных).

Помимо кнопки «В корзину» в карточке товара есть кнопка «Отложить» (товар попадает в «Список отложенных товаров») и кнопка «Купить в один клик», по которой открывается такая краткая форма:

Заявки из нее поступают в админку в отдельный раздел:

5. Личный кабинет пользователя

Личные кабинеты для пользователей есть. В них можно указать данные для доставки и оплаты, которые будут использоваться при заказах, смотреть историю заказов и статусы, смотреть отложенные товары, видеть бонусные баллы.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Можно выгрузить или загрузить список товаров или заказов в формате CSV.

Есть автоматическое формирование YML-файла для Яндекс.Маркета. Также можно настроить интеграцию с «Покупками на Маркете».

Для синхронизации с 1С нужно включить модуль «CommerceML» в админке в разделе «Модули – Управление модулями – Посмотреть все доступные модули».

7. Создание простых текстовых страниц

Страницы добавляются через визуальный редактор:

Затем их можно добавить в одно из меню магазина в разделе «Дизайн – Меню».

Можно добавить на сайт и Блог, и Новости (или какой-либо еще список материалов). К статьям доступны комментарии.

8. Работа с SEO-параметрами

Мета-теги можно прописать для всех страниц (карточек товаров, категорий, текстовых страниц), соответствующие поля есть в формах редактирования этих элементов. Чтобы указать мета-теги для главной страницы, нужно зайти в раздел «Дизайн – Макеты» и нажать на иконку шестеренки у вкладки «Домашняя страница».

ЧПУ настроены по умолчанию. Адрес на латинице формируется автоматически при добавлении товара/страницы, при желании можно скорректировать его. URL-ы вложенные: http://test-site.ru/elektronika/kompyutery/planshety/samsung-galaxy-tab-8.9-32gb/

Коды счетчиков можно добавить в код шаблона через FTP, либо можно включить модули «Google Analytics» и «Яндекс.Метрика» в админке в разделе «Модули – Управление модулями».

Страница 404 ошибки (страница не найдена) работает корректно. Файл robots.txt можно редактировать в админке.

9. Дополнительные возможности

Можно делать рассылки по подписчикам. Можно включить вход в Личный кабинет через соц.сети.

Доступно отслеживание заказа по его номеру (даже если не был зарегистрирован Личный кабинет).

Как и в предыдущем движке реализованы Бонусные баллы: пользователь может получать баллы за покупки и тратить их на следующие заказы.

Можно продавать подарочные сертификаты. Можно смотреть незавершенные покупки (брошенные корзины).

Есть мультивалютность с автоматическим обновлением курсов валют через finance.yahoo.com. Обратите внимание, даже если пользователь переключил валюту на доллары и выбрал, например, оплату через Робокассу, то счет ему будет выставлен в рублях. Чтобы принимать оплату в другой валюте, нужно будет дорабатывать модули оплаты.

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

10. Для какой аудитории подходит

Подойдет для любых магазинов. Но будет нужен хостинг помощнее.

CS-Cart: итог

Впечатления от CS-Cart остались противоречивыми.

С одной стороны – все, что нужно интернет-магазину, в нем есть. И много полезных дополнительных функций: оповещения о появлении товаров, которых не было в наличии, подарочные сертификаты, заказы в 1 клик, хорошо представленные вариации товаров (товары с опциями) и пр.

Но, с другой стороны – при установке на моем довольно обычном хостинге CS-Cart периодически ощутимо подтормаживал. При том, что на этом же хостинге десяток других CMS отработал нормально.

Так что для CS-Cart нужно будет приобрести хостинг пошустрее (как, например, делается и для Битрикса).

В остальном все нормально – нужно будет отобрать те функции, которые вам нужны в своем магазине, настроить их, настроить доставку/оплату/форму заказа и заменить дизайн магазина на свой (структуру можно не изменять, она вполне удобная). То есть программист понадобится, но лишь на небольшие доработки.

Примеры магазинов на CS-Cart:
http://chehlanet.ru/
http://nittka.ru/
http://kit8.net/
http://www.alecomp.ru/

WordPress

https://wordpress.org/

WordPress разрабатывается с 2003 года разработчиками со всего мира. На сайте https://ru.wordpress.com/ можно сделать свой демо-сайт без установки на хостинг. Скачать русскоязычную версию WordPress можно на странице https://ru.wordpress.org/

Изначально WordPress использовался для быстрого создания блогов. Но теперь с помощью множества дополнений и плагинов на WordPress можно сделать практически любой сайт, в том числе, интернет-магазин. Для этого можно использовать плагин WooCommerce, который распространяется так же бесплатно.Но здесь не обойтись без программиста, потому что настроек и доработок будет достаточно много, ведь изначально WordPress не «заточен» под магазины.

1. Цена

Зато абсолютно бесплатно ))

2. Установка

Сам WordPress устанавливается легко: создаем базу данных, загружаем файлы движка на хостинг и запускаем установку, которая занимает минуту.

Получаем вот такой сайт, который пока мало похож на интернет-магазин:

Далее сразу ставим плагин WooCommerce, для чего в админке заходим в раздел «Плагины – Добавить новый», в поле «Поиск плагинов» пишем «WooCommerce».

Затем жмем «Установить». После установки плагина жмем «Активировать плагин» – запустится настройка WooCommerce. Будет предложено установить русификацию – советую согласиться )) Будут автоматически созданы необходимые для магазина страницы и настроена основная валюта.

Теперь в админке зайдем в раздел «Внешний вид – Темы – Добавить новую» и установим какой-нибудь шаблон с поддержкой интернет-магазина, например, тему Storefront. Теперь наш сайт стал таким:

Всё, дальше уже можно добавлять категории и товары в разделе «Товары», настраивать параметры магазина. И писать ТЗ для программиста, который выведет на главной странице нужные тексты и товары, настроит меню и другие необходимые модули.

3. Каталог товаров и его возможности

Можно создавать сколько угодно категорий любой вложенности.

Товары добавляются через форму:

Помимо названия/описания/фотографий в нем можно указать:
– обычную цену товара и цену со скидкой
– остаток товара
– сопутствующие товары
– характеристики товара

Также можно задать вариации товаров, например, для разных размера и материала:

Немного неудобно, что для каждой характеристики (Размер, Материал) нельзя указать модификатор цены, то есть на сколько увеличивать стоимость, а приходится прописывать цены (если они у вас разные) для каждой вариации товара (синий из пластика, синий из кожи, белый из пластика и т.д.). Если вариаций немного, либо они все по одной цене, то сойдет.

В карточке товара конечная цена будет меняться в зависимости от выбранного варианта. А общая цена показывается диапазоном, например, 1100 – 1800 руб:

Также на странице товара выводятся «Похожие товары» (несколько товаров из этой же категории).

Помимо указания скидки на конкретный товар, можно задавать скидки на категории товаров или на все товары (просто на заказ) с помощью купонов.

В админке в разделе «Внешний вид – Виджеты» можно добавить на боковую панель магазина фильтр по товарам, виджет называется «WooCommerce Навигация по слоям», он фильтрует по характеристикам товара. Также есть виджет «WooCommerce Фильтр по цене».

В том же разделе «Виджеты» можно добавить на боковую панель Просмотренные товары, Товары с высоким рейтингом, Рекомендуемые товары, Товары со скидками, Поиск по товарам, Последние отзывы о товарах.

Один товар можно поместить в разные категории, адрес будет один.

Для списка товаров доступна сортировка по названию, по цене, по дате добавления, по популярности, по рейтингу.

По умолчанию сравнения товаров нет, но можно добавить его, установив отдельный плагин, например, YITH WooCommerceCompare.

Есть отзывы к товарам, с премодерацией, с рейтингом. Уведомления приходят на почту админу магазина.

4. Оформление заказа

Товары складываются в корзину кнопками «В корзину», и в мини-корзине отображается сумма заказа и число товаров:

Оформление заказа проходит на одной странице. Если клиент хочет зарегистрировать Личный кабинет, то он может отметить здесь галочку «Зарегистрировать вас»:

Здесь тоже можно сократить число полей, например, объединив поля «Имя» и «Фамилия» в одно поле (аналогично и с адресом).

Способы доставки можно настроить в админке в разделе «WooCommerce – Настройки – Доставка». Здесь, как в OpenCart, есть несколько вариантов доставки (Самовывоз, Доставка по единой ставке, Бесплатная доставка от определенной суммы), но добавить сюда свои варианты нельзя.

Способы оплаты настраиваются на соседней вкладке «Оплата». По умолчанию доступны: Безналичный перевод, Наличными при доставке, PayPal.

Понятно, что для интернет-магазина в России желательно будет добавить популярные у нас способы доставки (Почта России, EMS, PickPoint) и способы оплаты (Яндекс.Деньги, WebMoney, RBK Money, QIWI и пр.). Сделать это можно с помощью дополнительных плагинов. Бесплатных плагинов для этих способов доставки и оплаты я не нашла. Есть много хороших плагинов от компании SaphaliStudio, они платные, список можно посмотреть здесь: https://saphali.com/wordpress/woocommerce-plugins

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

Заказы приходят в админку. Уведомления о них приходят администратору магазина, а также пользователю, сделавшему заказ.

5. Личный кабинет пользователя

Личные кабинеты есть, создаются при оформлении заказа, если пользователь отметил галочку «Зарегистрировать вас». В своем аккаунте клиент будет видеть список заказов и их статусы. И сможет указать адрес доставки, чтобы использовать его при оформлении дальнейших заказов.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

По умолчанию экспорта, импорта и синхронизации с какими-либо системами нет.

Для выгрузки и загрузки товаров/заказов в форматы CSV можно поискать дополнительные плагины. Экспорт товаров в Яндекс.Маркет может добавить программист, либо «допилит» какой-нибудь плагин экспорта. Для синхронизации с 1С тоже есть плагины, можно попробовать, например, такой — https://wordpress.org/plugins/woocommerce-and-1centerprise-data-exchange/

7. Создание простых текстовых страниц

С добавлением страниц, блогов, новостей у WordPress все в порядке, используется визуальный редактор:

Доступны комментарии к статьям (с премодерацией).

8. Работа с SEO-параметрами

По умолчанию title берется из названия страницы, либо товара. Мета-тега description к товарам не добавляется. Поэтому нужно будет установить пару плагинов – «All in One SEO Pack» для настройки SEO-параметров для сайта в целом и «WooCommerce — All in One SEO Pack» для товаров и категорий.

Чтобы адреса карточек товаров формировались из названий товаров (были ЧПУ) и были вложенными, нужно в разделе «Настройки – Постоянные ссылки» выбрать вариант «База магазина для категории» в разделе «База постоянных ссылок на товар».

Счетчики можно добавить любые, вставив их в код шаблона сайта.

404 ошибка (страница не найдена) настроена правильно. Файл robots.txt можно редактировать через FTP.

9. Дополнительные возможности

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

10. Для какой аудитории подходит

Подойдет для мелких и средних магазинов.

WooCommerce: итог

Как можно понять из описания выше, базовые возможности WooCommerce на WordPress являются именно базовыми – есть всё то, без чего интернет-магазин не запустить. Но дополнительные функции, как то: сравнение товаров, дополнительные способы доставки и оплаты, синхронизация и пр. – нужно будет добавлять отдельно, используя уже существующие плагины или разрабатывая свои.

Поэтому в данном варианте без программиста никак не обойтись. Но платить вы будете только за его работу, так как сам WordPress (и WooCommerce) бесплатен.

Примеры магазинов на WooCommerce:

http://100koles43.ru/
http://www.43shina.ru/
http://organic-shop.ru/
https://www.striiiipes.com/

Заключение

Чтобы упорядочить информацию, даем сводную таблицу:

И небольшая инструкция по выбору CMS в помощь:

P.S. Первую часть обзора можно прочитать тут. В ней мы разбирались с Nethouse, HostCMS, Simpla CMS и 1С-Битрикс.

Сообщение Выбираем CMS для интернет-магазина. Часть 2 появились сначала на Clip-Clap.

Выбрать действительно непросто, потому что у каждой CMS есть свои плюсы и минусы. В одной удобная админка, но мало дополнительных модулей, в другой – много разных функций, но в админке «черт ногу сломит», в третьей можно делать рассылки по клиентам, но нет интеграции с 1С, в четвертой – еще что-нибудь… Ну вы поняли ))

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

Чтобы немного помочь вам с выбором, мы решили дать серию обзоров основных CMS, на которых можно запустить интернет-магазин. Опишем, что каждая CMS «умеет», дадим скриншоты админки, вспомним про нюансы и дополнительные возможности, покажем примеры сайтов.

Основных CMS получилось около 20 штук, поэтому обзор из одной статьи превратился в серию статей (по 4-5 систем за раз).

Сегодня рассмотрим такие системы:

1. платформа Nethouse, как вариант для начинающих магазинов
2. HostCMS, как бюджетный вариант (т.к. имеет бесплатную версию)
3. Simpla CMS, как движок, заточенный именно под интернет-магазины
4. 1С-Битрикс, как, пожалуй, самый многофункциональный движок (и в связи с этим – самый дорогой)

Каждую CMS мы разберем по набору характеристик:

• Цена
• Установка
• Каталог товаров и его возможности
• Оформление заказа
• Личный кабинет пользователя

• Интеграция с 1С, Яндекс.Маркетом и пр.
• Создание простых текстовых страниц
• Работа с SEO-параметрами
• Дополнительные возможности
• Для какой аудитории подходит

Nethouse

http://nethouse.ru/

Эта платформа разрабатывается с 2011 года российской компанией Nethouse.

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

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

1. Цена

Nethouse можно использовать бесплатно, но есть существенные ограничения – можно добавить только 10 товаров, загрузить только 20 фотографий, нельзя подключить свой домен, нельзя принимать онлайн-платежи, нельзя подключить счетчики статистики.

Так что для создания именно интернет-магазина (а не сайта-визитки) нужно будет воспользоваться тарифом «Бизнес», который обойдется примерно в 2000 руб. (если платить сразу за год). Естественно, что каждый год нужно будет продлять тариф.

В «Бизнесе» можно создать 1000 товаров. За каждый товар свыше 1000 надо платить по 5 коп. за штуку ежемесячно (это 600 руб. в год за каждую дополнительную 1000 товаров). Также в «Бизнесе» можно загружать неограниченное число фотографий, поставить счетчики, подключить свой домен и использовать прием платежей онлайн.

Кстати, как в бесплатной версии, так и в «Бизнесе» в подвале сайта стоит логотип Nethouse. Убрать его можно за дополнительные 100 руб. в месяц.

2. Установка

Система работает на серверах компании Nethouse, то есть свой хостинг вам не понадобится. Соответственно, и устанавливать ничего не нужно.

Просто заходите на сайт Nethouse, придумываете адрес магазина (например, slon) и пароль, указываете свой email и нажимаете «Создать сайт». После этого у вас появляется свой сайт на поддомене вида slon.nethouse.ru, который вы можете редактировать прямо в браузере. И появляется личный кабинет в Nethouse, где вы можете просматривать поступающие заказы и работать с настройками сайта.

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

3. Каталог товаров и его возможности

Товары в каталог добавляются достаточно просто, через такую форму:

Можно выводить определенные товары на главной странице. Есть скидки и промокоды.

К товару можно добавить ярлык «Хит», «Новинка», «Акция». Можно загрузить несколько картинок к товару и добавить видеоролик.

Также можно задавать сопутствующие товары («С этим товаром покупают»):

 каталоге есть сортировка по цене/названию и фильтр по цене:

К каждому товару можно оставлять комментарии. Также можно добавить отдельную страницу «Отзывы» для отзывов о компании в целом.
Единственный минус этих комментариев и отзывов – они без премодерации. То есть реагировать на них нужно будет быстро (уведомление на email о новых отзывах приходит). От ботов защищает капча.

В настройках магазина можно выбрать валюту, в которой показывать цены товаров (но переключателя валют на сайте нет).

4. Оформление заказа

С помощью кнопок «В корзину» пользователь собирает свой заказ, в мини-корзине показывается список товаров (без цен):

По умолчанию способы оплаты и доставки не заданы. Поэтому заказ происходит в один шаг – пользователь указывает свои контактные данные (имя, email, телефон, адрес доставки) и жмет кнопку «Отправить заказ» – вам приходит email-уведомление о заказе.

Можно изменить поля на форме заказа, можно включить покупку в 1 клик:

Оплата онлайн происходит через систему Яндекс.Деньги (поэтому для подключения понадобится аккаунт в Яндексе). Вашим клиентам будут доступны такие способы: Наличный расчет, Наложенный платеж, Безналичный расчет, Банковские карты, Яндекс.Деньги, WebMoney (WMR), Наличными в терминале, Сбербанк Онлайн, Альфа-Клик, Интернет-банк Промсвязьбанка.

Способы доставки добавляете сами (например, «Самовывоз» – 0 руб., «Курьером (Центральный округ)» – 300 руб., «Курьером (остальные районы)» – 500 руб.).

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

Список заказов доступен в панели управления магазином:

5. Личный кабинет пользователя

Личных кабинетов для пользователей сайта нет. То есть посмотреть историю своих заказов ваш клиент не сможет.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Интеграции с 1С нет.

Можно вручную выгрузить список товаров или заказов в формате CSV (чтобы загрузить потом в ту же 1C или открыть в Excel). Либо можно, наоборот, загрузить список товаров в интернет-магазин из CSV-файла.

Также можно включить автоматическую передачу каталога товаров в Яндекс.Маркет:

7. Создание простых текстовых страниц

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

Также легко создается Блог со статьями (а для интернет-магазина он будет не лишним, как источник контента):

8. Работа с SEO-параметрами

Теги title и description можно без проблем прописывать для всех страниц (и для категорий каталога, и для карточек товаров, и для простых страниц).

ЧПУ (человеко-понятные урл) доступны. При добавлении товара просто указываете его адрес на латинице. Адреса карточек товаров имеют вложенную структуру, например: http://slon.nethouse.ru/products/mini/slon-blue

Можно поставить счетчики Яндекс.Метрики, Google Analytics и LiveInternet (на тарифе «Бизнес»).

Страница ошибки 404 («Страница не найдена») настроена и работает корректно.

9. Дополнительные возможности

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

10. Для какой аудитории подходит

Подходит для небольших и средних магазинов. Ибо крупный магазин с шаблонным дизайном будет выглядеть, как минимум, странно. К тому же для крупного магазина, скорее всего, понадобится интеграция с 1С.

Nethouse: итог

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

В таком случае запуск небольшого интернет-магазина на Nethouse займет у вас немного времени и потребует минимальных затрат. Например, на заполнение вот такого мини-магазина ушло минут 40 (и никаких программистов):

Все модули (форма обратного звонка, корзина, заказ, оплата) уже готовы. Вам останется лишь выбрать дизайн (из готовых), добавить товары, добавить тексты, оплатить тариф «Бизнес» (200 руб. в месяц) и подключить прием платежей (указав данные от своего аккаунта в Яндексе).

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

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

Примеры магазинов на Nethouse:
http://volkoshapka.ru/
http://spbbear.ru/
http://motor25.ru/

HostCMS

http://hostcms.ru/

CMS от российской компании «Хостмэйк», разрабатывается с 2003 года. Демо сайта и админки можно попробовать тут — http://www.hostcms.ru/hostcms/demo/

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

На HostCMS можно создавать и обычные сайты (не только интернет-магазины), но все необходимое для создания именно магазинов в ней есть.

1. Цена

Есть 5 версий: бесплатная версия с говорящим названием «Халява» и четыре платных версии от 1900 до 30000 руб.

Интернет-магазин можно запустить и на «Халяве». Единственное – надо будет поставить ссылку на HostCMS в подвале сайта. Если ставить ссылку на HostCMS не хотите, возьмите одну из платных версий.

Если понадобится модуль «Поиск по сайту», берем версию «Мой сайт» за 1900 руб.

Если хотите, чтобы пользователи могли регистрировать свои личные кабинеты (для отслеживания заказов), то выбираем версию «Бизнес» за 19900 руб. Сюда же входит такая вещь как «кэширование» – необходимо для ускорения работы сайта, что немаловажно для сайтов с высокой посещаемостью.

В максимальную версию «Корпорация» (за 30000 руб.) входят модули «Опросы», «Службы поддержки пользователей», «Почтовые рассылки». Нужны далеко не всем. Но если ваш интернет-магазин «разрастется» до больших объемов, все это может понадобиться.

Платите вы только один раз, приобретая CMS. Хотя повторюсь, что для магазинов «средней руки» вполне хватит и бесплатной редакции (если нет острой необходимости в Личных кабинетах).

2. Установка

Установка стандартная. Загружаем архив с системой на хостинг, создаем базу данных и запускаем файл установки.

При установке нужно выбрать макет «Интернет-магазин», и будут установлены необходимые модули – каталог товаров, корзина, оформление заказа, новости.

3. Каталог товаров и его возможности

Товары добавляются в админке:

Управление товарами в админке не самое простое (достаточно много полей в форме), но разобраться один раз можно, а потом – по «накатанной» ))

Для товаров можно добавить свои собственные характеристики (и потом делать фильтрацию по ним).

Также для товаров доступны Сравнение, добавление в Избранное. На главной странице (или любой другой) можно вывести отдельно «Горячие предложения» (оно же «Хиты продаж/Спецпредложения»). Доступна сортировка по цене/названию, фильтры.

Можно назначать Сопутствующие товары (Аксессуары, related). Можно указывать цены в разных валютах.

Можно задавать скидки: для определенных товаров, скидки в зависимости от суммы заказа, купоны на скидку.

Есть отзывы к товарам (с рейтингом и премодерацией).

Есть модификации товаров (они же – варианты). Например, создаете товар Xbox и к нему делаете 2 модификации Xbox Super и Xbox Mini. На странице с основным товаром будут показаны и его модификации. Но каждая модификация будет выглядеть как отдельный товар.

4. Оформление заказа

Есть мини-корзина. В ней показывается число товаров и общая сумма.

По умолчанию заказ идет в 4 шага. Можно настроить заказ в 1 шаг (чтобы все необходимые поля юзер заполнял на одной странице), но потребуется вмешательство программиста.

Также можно и нужно сокращать форму заказа, в стандартной форме много лишних полей:

В стандартной установке не оказалось ни одного способа оплаты. Что странно, раньше они были в админке по умолчанию. Но сами обработчики для платежных систем есть, нужно только скопировать их код в админку. Платежных систем много (около 25 шт.) – наличными, PayPal, Робокасса, RBK Money, Assist, Яндекс.Деньги, WebMoney, Qiwi, по счету, по квитанции и др.

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

Заказы поступают в админку. Уведомление об оформленном заказе уходит на email пользователю, а также администратору магазина.

5. Личный кабинет пользователя

Личные кабинеты есть в редакциях «Бизнес» и «Корпорация». Пользователь сможет видеть информацию о своих заказах.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Можно выгрузить список товаров или заказов в форматах CSV и CommerseML. Можно загрузить список товаров в магазин из этих же форматов.

Доступен автоматический экспорт товаров в Яндекс.Маркет, настраивается не очень сложно:

Есть автоматический обмен с «1С: Управление торговлей». В админке подключается в пару кликов:

Но не всегда проходит гладко (из-за различных ошибок, связанных с различиями в наименовании всяких необходимых переменных). То есть зачастую программисту требуется некоторое время «поплясать с бубном», чтобы настроить корректный обмен.

7. Создание простых текстовых страниц

С этим все в порядке. Сначала создаем страницу в визуальном редакторе. Затем добавляем ее в структуру сайта (в меню) – теперь у страницы появляется свой адрес.

Также можно добавить список статей, либо новостей (в HostCMS они называются «Информационные системы»).

8. Работа с SEO-параметрами

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

ЧПУ настроены по умолчанию (адреса карточек товаров, категорий, статей и пр.), генерируются из названия (транслитом), при желании можно указать адрес самому. Адреса имеют вложенную структуру: http://test-site.ru/shop/holodilniki/samsung-rb-37/

Счетчики ставятся без проблем (просто добавляем их в код макета сайта).

Robots.txt можно редактировать через админку.

По умолчанию при запросе несуществующей страницы пользователь переадресуется на главную страницу. Поэтому надо создать отдельный документ с текстом «Страница не найдена» и в настройках админки указать ее как страницу для «Ошибки 404».

9. Дополнительные возможности

Есть готовые модули:
– Поиск по сайту (в версии «Мой сайт» за 1900 руб.)
– Резервное копирование (в версии «Малый бизнес» за 5900 руб.)
– Форум, Опросы, Почтовые рассылки (в версии «Корпорация» за 30000 руб.)

10. Для какой аудитории подходит

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

HostCMS: итог

В HostCMS привлекает наличие бесплатной версии, на которой можно сделать вполне приличный магазин.

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

Примеры магазинов на HostCMS:
http://foto54.ru/
http://shoestyle.ru/

Simpla

http://simplacms.ru/

Разрабатывается с 2010 года. Ребята то ли с Москвы, то ли с Украины, точной информации о разработчиках не нашлось.

Демо-сайт можно посмотреть здесь: http://demo.simplacms.ru/
Демо панели управления: http://demo.simplacms.ru/admin (логин и пароль – admin)

Simpla предназначена именно для интернет-магазинов, поэтому в ней практически нет лишних вещей. Поэтому админка удобная, понятная и не перегруженная.

1. Цена

Бесплатных версий нет. Цена фиксированная – 395 долларов. Платите только 1 раз за лицензию. Сам дистрибутив можно скачать бесплатно и тестировать его в течение 2 недель.

2. Установка

Установка стандартная (загружаем на хостинг, создаем базу данных, запускаем файл установки).

Будет установлен интернет-магазин с тестовыми товарами/текстами:

То есть не нужно настраивать магазин с нуля, просто меняете тексты на свои и добавляете свои товары.

3. Каталог товаров и его возможности

Товары добавляются в админке через такую форму:

Согласитесь, все предельно понятно. Кстати, Simpla – единственная CMS из рассматриваемых четырех, где можно без проблем поместить один товар сразу в несколько категорий.

К товару можно добавлять характеристики, затем использовать их в фильтре. Доступна сортировка по цене/названию.

Можно задавать скидку для товара (только для конкретного товара). Скидки в зависимости от суммы заказа, скидки сразу на все товары реализованы по купонам (например, купон на 10% скидку на любой товар).

Можно делать варианты товаров (например, белый/черный). Карточка у товара остается одна, но в ней появляется выбор возможного варианта.

К товару можно назначать Сопутствующие товары. Можно указывать цены в разных валютах (переключатель валют по умолчанию уже есть на сайте).

На главной странице можно показать «Новинки», «Хиты продаж». Также по умолчанию настроен блок «Просмотренные товары».

Сравнения товаров нет, избранного нет. Есть отзывы к товарам (с премодерацией).

4. Оформление заказа

Есть мини-корзина с числом товаров и общей суммой.

По умолчанию заказ идет в 2 шага (выбор способа доставки и заполнение имени/адреса, затем выбор способа оплаты).

Заказ в 1 клик можно сделать, но потребуется программист.

Способы доставки добавляются в админке (по умолчанию добавлены Курьером и Самовывоз), указывается цена (и от какой суммы бесплатно), возможные способы оплаты и описание.

По умолчанию есть 12 способов оплаты – квитанция, банковская карта (через Яндекс), Яндекс.Деньги, WebMoney, QIWI, PayPal, LiqPay, Робокасса, Интеркасса и др. Технически они настроены, нужно только указать идентификаторы и пароли (свои для каждой конкретной системы).

Заказы поступают в админку. Уведомление об оформленном заказе уходит на email пользователю, а также администратору магазина.

5. Личный кабинет пользователя

По умолчанию Личный кабинет есть. В нем пользователь сможет видеть историю своих заказов.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Можно разово выгружать и загружать список товаров в формате CSV.

Автоматически формируется XML-файл для Яндекса и скрипт для 1C-Бухгалтерии. Полной интеграции с 1С или Яндекс.Маркетом нет. Но можно настроить, для чего понадобится программист.

7. Создание простых текстовых страниц

Страницы создаются без проблем. Добавленную страницу можно вывести в основном меню, либо не показывать там. Страницы создаются в обычном визуальном редакторе.

Настроен блог, в котором можно размещать статьи о товарах. Категорий в блоге нет.

8. Работа с SEO-параметрами

Мета-теги можно прописывать для всех страниц (и обычных текстовых, и карточек товара, и разделов).

ЧПУ работают. При добавлении товара/страницы/раздела указываете его адрес на латинице. Адреса имеют вложенную структуру: http://testsite.ru/products/samsung-s5570-galaxy-mini

Счетчики ставятся без проблем (просто добавляем их в код шаблона сайта).

Robots.txt редактируем через FTP или хостинг.

Страница 404 ошибки обрабатывается корректно.

9. Дополнительные возможности

В админке можно делать резервные копии (бэкапы).

Есть «Группы пользователей». Можно добавить определенных пользователей, например, в группу «Постоянный покупатель» и добавить этой группе 10% скидку на любые заказы.

10. Для какой аудитории подходит

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

Simpla: итог

Несомненный плюс системы Simpla – минималистичная админка. В ней есть только то, что действительно нужно. После перехода, например, с Битрикса, «набитого» всевозможными функциями и настройками, это действительно радует ))
Для первоначальной настройки магазина тоже лучше взять программиста – он «натянет» на админку ваш дизайн, настроит вид карточек товаров и оформление заказа.

Примеры магазинов на Simpla:
http://samkinder.ru/
http://nanojam.ru/
http://macbox.com.ua/

1С-Битрикс

http://www.1c-bitrix.ru/

CMS от российской компании «1C-Битрикс», разрабатывается с 2002 года. Демо-версию можно взять здесь: http://www.1c-bitrix.ru/products/cms/demo.php

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

На Битриксе можно создавать самые разные сайты – от сайта-визитки до корпоративного портала, от лэндинга до полноценного интернет-магазина. Отчасти этим и вызвана его перенасыщенность модулями.

1. Цена

Бесплатных версий нет. Для создания интернет-магазина подойдут 2 редакции:

– редакция «Малый бизнес», стоит 32900 руб. Здесь интернет-магазин доступен в «Базовой» комплектации. И все необходимое в нем уже есть.

– редакция «Бизнес», стоит 66900 руб. Сюда входит «Расширенный» интернет-магазин. От базовой комплектации отличается наличием таких возможностей: создавать наборы товаров, указывать несколько складов (и показывать остатки по складам), делать накопительные скидки, организовывать партнерские программы, продавать электронный контент.

Для большинства магазинов хватит базовой комплектации (редакция «Малый бизнес»). Подробная инструкция по выбору оптимальной редакции тут.

2. Установка

Установка обычная (дистрибутив + база + запуск скрипта установки).

При установке выбираем пункт «Интернет-магазин»:

И на следующих шагах нам будет предложено настроить базовые параметры интернет-магазина (чтобы не искать их потом в админке).

Либо при установке можно выбрать пункт «Загрузить из Marketplace» и установить (платно или бесплатно) готовый интернет-магазин из предложенных.

Например, вот такой готовый интернет-магазин электробритв.

3. Каталог товаров и его возможности

Товары добавляются в админке:

Форма достаточно простая. Проблемы начинаются, как правило, на вкладке «Торговые предложения» – если нужно указать разные варианты (модификации) одного товара:

Для товаров можно задавать отдельные характеристики, затем использовать их в фильтрах.

Можно сделать сортировку по цене/названию, либо по другим полям из карточки товара (артикул, дата добавления и пр.).

Можно назначать сопутствующие товары («с этим товаром покупают»). Можно показывать просмотренные товары, выводить Хиты продаж, Спецпредложения и т.п.

Есть сравнение товаров. Можно указывать цены в разных валютах.

Есть скидки для товаров – скидки для определенных товаров, скидки в зависимости от суммы заказа, купоны на скидку, накопительные скидки.

Доступны отзывы к товарам (с премодерацией). И рейтинг.

Можно действительно сказать, что в Битриксе есть всё. Главное, суметь это настроить. Пример – страница с настройками интернет-магазина:

И это только первая вкладка. Так что работать с Битриксом приходится вдумчиво ))

4. Оформление заказа

Товары складываются в корзину. Заказ может быть в 1 или более шагов (зависит от установленного решения). Можно настроить заказ в 1 шаг (чтобы все необходимые поля юзер заполнял на одной странице):

Можно добавить заказ в 1 клик.

Есть готовые модули доставки: Курьером, Почта России, ПЭК, СПСР-Экспресс, UPS, DHL.

Из способов оплаты есть готовые скрипты для 38 способов, среди которых – наличными, по квитанции, по выписанному счету, PayPal, Робокасса, RBK Money, Assist, Яндекс.Деньги, WebMoney, Qiwi и др.

Заказы поступают в админку:

Уведомление об оформленном заказе уходит на email пользователю, а также администратору магазина.

5. Личный кабинет пользователя

Личный кабинет есть. В нем пользователь сможет увидеть историю и состояние заказов, а также подписаться на рассылку.

6. Интеграция с 1С, Яндекс.Маркетом и пр.

Доступна выгрузка и загрузка товаров в форматах CSV и CommerseML, а также выгрузка списка заказов в этих же форматах.

Можно настроить автоматический экспорт списка товаров в Яндекс.Маркет. Можно подключить «Покупки на Маркете».

Интеграция с 1C есть (и в самой лучшей реализации). Основные настройки уже заполнены. Остается лишь запустить обмен и посмотреть, будут ли ошибки (здесь они редки).

7. Создание простых текстовых страниц

Страницы создаются в визуальном редакторе.

Также можно добавить список статей (либо новостей).

8. Работа с SEO-параметрами

Мета-теги можно прописывать для всех страниц сайта. Единственное, при приемке сайта у разработчика следует проверить, не забыл ли он настроить их корректное отображение (потому что по умолчанию для карточек товаров и разделов в title будут выводиться просто их названия, а не title, которые вы укажете в админке).

ЧПУ работают, генерируются из названий (транслитом). Можно указывать самостоятельно. Адреса имеют вложенную структуру: http://1023lab.bitrixlabs.ru/catalog/elektrobritvy/rolsen_rs_2448q_/

Счетчики ставятся без проблем (просто добавляем их в код шаблона сайта). Robots.txt также можно редактировать.

Страница для «Ошибки 404» в большинстве решений уже настроена.

9. Дополнительные возможности

Проще сказать чего в Битриксе нет, чем перечислять, что в нем есть ))

Есть складской учет (и поддержка многоскладовости) – в максимальной версии (которая за 70 тыс.руб.).

Есть модуль Рассылок. Кстати, там есть и триггерные рассылки:

Есть автоматические уведомления о поступлении товаров («Подписка на товары»).

Доступна очень подробная аналитика:

10. Для какой аудитории подходит

Подойдет для любых магазинов. Но для мелких магазинов будет как «из пушки по воробьям».

Битрикс: итог

В Битриксе привлекает наличие самых разнообразных модулей и функций. А также готовая интеграция с 1С (и самая «ровная»).

Но из-за многофункциональности Битрикс «тяжеловат», особенно для начинающих.

Кроме того, для корректной настройки интернет-магазина на Битриксе понадобится грамотный программист, ибо если такого «монстра» еще и неправильно настроить, то работать он будет крайне нестабильно.

Примеры интернет-магазинов на Битриксе:
http://euroset.ru/
http://www.svyaznoy.ru/
http://www.eldorado.ru/

Размах понятен, я думаю )) Вот примеры магазинов попроще:
http://intersvet.pro/
http://itelejka.ru/
http://www.maxiclean.ru/

Заключение

Чтобы вам было проще «переварить» объем выданной выше информации, смотрите сводную таблицу:

И небольшая инструкция по выбору CMS в помощь:

Если есть вопросы по содержанию статьи, пишите в комментариях, постараюсь ответить. Также буду рад обратной связи – стоит ли и по другим CMS дать столь подробные обзоры, или лучше их сократить?

P.S. Следующем обзоре рассмотрим InSales, OpenCart, CS-Cart и что-нибудь на WordPress.

Сообщение Выбираем CMS для интернет-магазина. Часть 1 появились сначала на Clip-Clap.

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

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

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

Итак, какие же способы создания web сайтов существуют?

Начнём с самого простого…

1. Конструкторы

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

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

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

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

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

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

К ним относятся:

• использование своего уникального дизайна — заказанного у дизайнера, не входящего в набор тем конструктора;
• регистрация доменного имени — имя ресурса, по которому можно найти его в Интернете;
• хостинг — обеспечение доступа к сайту через Интернет;
• раскрутка сайта — продвижение в поисковых системах для увеличения посещаемости.

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

К слову, при использовании setup.ru, раскрутка и регистрация доменного имени предоставляются бесплатно, что является большим плюсом для заказчиков.

Для примера, самостоятельная регистрация сайта обойдётся порядка $10, а расходы на продвижение колеблются в пределах $50-$150 (в зависимости от размера ресурса и количества его страниц).

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

2. Программирование

Этот способ создания web сайта предполагает самостоятельное написание кода «с нуля», без использования готовых шаблонов и набора функций.

Для этого Вам потребуется текстовый редактор (подойдёт даже стандартный «Блокнот»), локальный веб-сервер для запуска и отладки проекта и знания языков написания сайта.

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

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

И то, они не разрабатывают каждый проект «заново», а пишут свою платформу, так называемый «фреймворк» (от англ. framework — основа, каркас), состоящую из набора готовых классов и методов работы с ними, а также набора графических элементов.

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

Данный подход я бы рекомендовал исключительно в качестве обучения.

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

Сами же они разрабатывают свои продукты с использованием собственной платформы либо различных существующих CMS.

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

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

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

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

Всё, что вам нужно будет — это изучить азы HTML и CSS, что вполне под силу каждому.

3. Фреймворки

О том, что такое фреймворк, я кратко рассказал при описании предыдущего метода создания web сайтов.

Помимо студийных (тех, которые веб-студии разрабатывают самостоятельно для реализации проектов на их базе) существуют ещё и общедоступные, т.е. о которых можно найти информацию в Интернете, включая фрагменты кода и инструкции по установке и использованию.

К таковым относятся известные многим профессиональным программистам Yii, Zend, CodeIgniter, Kohana, Laravel и прочие.

По сравнению с написанием сайтов «с нуля» данный способ создания веб ресурсов обладает солидным преимуществом в виде набора готовых функций, элементов оформления и шаблонов.

Фрэймворки в большинстве своём бесплатны, и в то же время они обладают колоссальными возможностями, позволяющими создавать на их базе абсолютно любой тип сайтов с уникальными возможностями и дизайном.

Так что их вполне можно было бы использовать для разработки собственных продуктов всем, включая новичков, если бы не одно «но».

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

Всё это, помимо временных затрат, влечёт за собой ещё и колоссальное нервное напряжение. Особенно, если вы являетесь новичком и только выбираете способ создания сайта, т.к. освоение фрейворков — это дело рук профессионалов.

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

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

4. Использование CMS

CMS (content management system — система управления контентом) – замечательная инструмент для тех, кто хочет создать сайт своими руками и не обладает при этом обширными знаниями веб-программирования.

По сути, любая CMS представляет собой программную площадку для создания веб-проектов. Эти площадки, как правило, узко специализированы, т.е. подходят для определённого типа ресурсов.

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

Помимо множества функций, предлагаемых CMS, любой желающий может написать свою, т.к. большинство таких площадок с открытым кодом (в отличие от сайтов, созданных на базе конструкторов).

Либо всегда может найти в Интернете или заказать дополнительные возможности, необходимые для конкретного проекта. Они оформлены в виде модулей, плагинов или виджетов и очень просты в установке (большинство из них содержит подробные инструкции для установки).

Так же велико количество графических оболочек (тем оформления) интерфейса. Их также можно свободно найти в Интернете, заказать или разработать самому.

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

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

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

Чтобы немного облегчить Вам данный этап, хочу порекомендовать регистратор доменных имён reg.ru.

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

Так же дела обстоят и с выбором хостинг провайдера (владельца сервера, на котором будет размещён Ваш ресурс для доступа к нему из Интернета).

На постсоветском пространстве лучшим провайдером является компания AvaHost. Она предоставляет услуги как для жителей России, так и Украины, занимая верхнюю строчку в рейтинге провайдеров обоих стран благодаря соотношению цена/качество, безопасности серверов, сервисному обслуживанию и поддержке массы популярных CMS.

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

И у меня для вас есть ещё один аргумент воспользоваться услугами именно данного провайдера — это эксклюзивная 20% скидка на все услуги для друзей cccp-blog.com и подписчиков. Чтобы воспользоваться ею, введите при регистрации следующий промокод — AVA-CCCPBLOG

Среди российских провайдеров особенно хотелось бы выделить компанию FullSpace, которая поддерживает сайты, разработанные на языке Python, предоставляет массу акционных предложений своим клиентам и имеет одни из самых низких расценок на хостинг-услуги (от 67 руб./мес).

О раскрутке мы здесь говорить не будем, но это также трудозатратное занятие, если заниматься им самостоятельно.

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

Ну вот, опять деньги тратить… скажете Вы  Однако, спешу Вас успокоить. К плюсам данного способа создания сайтов относится широкая распространённость CMS. Соответственно, Вы всегда сможете получить дельный совет и рекомендации по любому интересующему вопросу на специализированных форумах и блогах.

Самым ярким подтверждением популярности CMS являются их названия, которые всегда на слуху:  WordPress, Joomla, Magento, OpenCart и др. Если же они вам не знакомы, достаточно поискать о них информацию в Интернете — и Вы убедитесь в верности моего утверждения 

Таким образом, данный способ создания веб сайтов является симбиозом вышеперечисленных.

От конструкторов ему досталась программная база и автоматизированные процессы создания и настройки.

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

Лично я считаю приведённый способ создания сайтов лучшим и наиболее перспективным с точки зрения расширения функциональности и хотел бы Вам посоветовать обратить внимание именно на него.

Не бойтесь нехватки знаний, которая присуща многим новичкам. Самое главное, желание, у Вас уже есть 

А основами веб-программирования и работы с популярными CMS я с Вами обязательно поделюсь в будущих статьях.

И мы не собираемся останавливаться на достигнутом и впредь будем вас радовать материалами о других средствах создания сайтов, включая как CMS, так и фреймворки.

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

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

Благодарность принимается в виде лайков и перепостов в соц. сети кнопочками под статьёй 

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

Сообщение Способы создания сайта появились сначала на Clip-Clap.

Особенности, определяющие структуру Интернет-магазинов

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

Но вот проблема: у создателей реальных магазинов она такая же 

В чём же тогда отличие сетевых магазинов от реальных?».

Среди несомненных плюсов Интернет-магазинов, в первую очередь, значится простота организации и старт. Для создания и раскрутки такого рода проектов не нужно обладать специфическими знаниями ввиду доступности инструментов для их создания, более подробно описанным в статье «Способы создания сайта».

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

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

Однако, наш обзор особенностей структуры Интернет-магазинов был бы неполноценным, если бы мы не рассмотрели их недостатки по сравнению с реальными 

Все они связаны с тем, что сетевые торговые ресурсы — это сайты, которым необходимо размещение в Интернете, обслуживание, раскрутка и прочие действия, описанные в статье «Способы создания сайта». Эти действия отнимают массу времени и сил у своих владельцев, к тому же могут привести к дополнительным материальным затратам.

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

Яркими примерами таких прибыльных проектов являются монстры интернет-маркетинга amazon.com, ebay.com, alibaba.com.

С особенностями разобрались. Теперь самое время приступить к обзору их влияния на структуру Интернет-магазина.

В качестве наглядного примера мы возьмём OZON.ru, крупнейший сетевого торговый ресурс России (по рейтингу журнала Forbes за 2014 год он занимает 4 место).

Как выглядит правильная структура сайта Интернет-магазина?

Она у всех торговых ресурсов идентична и представляет собой набор следующих страниц:

1. Главная страница

Так она выглядит после регистрации. На ней Вы можете найти информацию о различных акционных предложениях, а также просмотреть популярные товары и новинки в различных категориях. Часто на этом элементе структуры Интернет-магазина расположен перечень производителей самых распространённых товаров.

2. Страница категории товаров

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

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

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

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

OZON.ru как раз является таким ресурсом, т.к. на его страницах можно найти более 2 млн. различных товаров. Именно поэтому у каждой категории товаров в главном меню можно найти список подкатегорий.

3. Страница товара

Одна из отличительных черт Интернет-магазинов – возможность торговать на расстоянии. Благодаря этой особенности владельцы сетевых торговых ресурсов могут производить торговые операции с покупателями из других городов и даже стран, чем могут похвастаться только очень крупные реальные магазины, имеющие разветвлённую сеть представительств.

В то же время, благодаря удалённому формату сделок, покупатели не имеют возможности посмотреть и «пощупать» товар, покупая, в итоге, кота в мешке 

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

Также обязательным является блок с указанием цены, возможно, количества на складе, информация об акционных предложениях и форма заказа.

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

4. Корзина

Самой яркой отличительной особенностью структуры Интернет-магазина является страница корзины товаров. На странице товара и иногда на странице категории при наведении на товар доступны кнопки добавления в корзину. Они могут иметь различный вид, располагаться в различных местах, иметь различные подписи, но все они выполняют одинаковые функции.

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

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

5. Страница оформления заказов

Данная единица структуры Интернет-магазина является логическим продолжением страницы корзины товаров. Т.к. ссылка на неё в обязательном порядке доступна после завершения покупок.

Здесь всё просто и со вкусом 

Как правило, пользователю доступны элементы управления для выбора средств оплаты, способы доставки и поля для ввода контактной информации, адресов доставки и комментариев.

Если пользователь зарегистрирован на ресурсе, то большинство полей заполняются автоматически либо вообще отсутствуют.

6. Личный кабинет пользователя

Структура Интернет-магазинов, у которых доступна регистрация, в обязательном порядке предусматривает наличие данной страницы. Как правило, здесь отображается информация, введённая покупателем при регистрации с возможностью её изменения.

Также здесь доступны:

• информация о заказах (стоимость, товары, подробности доставки)
• перечень подписок на рассылки
• личные сообщения пользователя
• информация о бонусных баллах, акциях и скидках на интересующие товары

7. Страница информации о магазине

Данная страница – обязательный атрибут структуры Интернет-магазинов, которые могут похвастаться высокими рейтингами и объёмами продаж. И чем ресурс крупнее и богаче его история, тем больше информации. Как правило, здесь содержатся сведения о политике магазина, списки именитых клиентов, инвесторов, спонсоров, различные награды и достижения, основные цифры об объёмах и географии продаж.

Одним словом, всё, что может поднять престиж магазина и вызвать доверие у покупателей, ведь данная страница рассчитана именно на них.

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

8. Контакты

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

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

За что им плюсик 

9. Оплата

Ну хорошо, допустим, с товаром мы определились. Как нам теперь получить его? Не выцарапывать же его из монитора, в самом деле 

Для начала нужно его приобрести. О форме заказа, открываемой со страницы просмотра товара, я уже говорил. Как правило, она содержит сумму заказа, наименование товаров и поля для выбора способа оплаты и доставки.

Так вот, главным предназначением данной страницы в структуре Интернет-магазина является информирование покупателя о способах оплаты, доступных в магазине.

Отличительной особенностью OZON.ru является то, что каждому способу оплаты посвящена отдельная статья с перечнем подробных инструкций и условий (срок зачисления платежа, комиссионные % и др.)

10. Доставка

Доставка товаров до конечного потребителя является ещё одной особенностью, которую нужно учитывать при планировании структуры Интернет-магазина.

OZON.ru, как уже неоднократно упоминалось, является крупным магазином. Поэтому он осуществляет доставку как по России, так в страны ближнего и дальнего зарубежья. Соответственно, велико число способов доставки.

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

Вообще, в большинстве случаев, структура Интернет-магазинов предусматривает одну страницу под названием «Оплата и Доставка», содержащую информацию двух предыдущих статей. Но, ввиду большого числа вариантов, данные страницы могут быть отдельными, как это сделано на OZON.ru.

11. Карта сайта

Вот мы и добрались до особенностей структуры Интернет-магазинов, связанных с их раскруткой. Основным предназначением рассматриваемой страницы является как раз продвижение сайта в поисковых результатах различных систем, вроде Google, Yandex, Bing и др.

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

Карта, предназначенная для программ-роботов поисковых систем, оформлена в виде xml-документа, не доступного через интерфейс сайта. Но, тем не менее, её прекрасно видят поисковые роботы, переходя по указанным в ней ссылкам во время индексации сайта. Все эти мероприятия нужны для того, чтобы когда пользователь вводит в Google запрос «купить телевизор», ваш сайт был как можно выше в результатах поисковой выдачи Google.

Данную страницу есть смысл делать, если структура сайта Интернет-магазина (да и любого другого ресурса), как минимум, соответствует шаблону «главная страница/категория/подкатегория/товар».

Это нужно для того, чтобы робот гарантировано дошёл до целевой странице, а не прервал индексацию где-нибудь в категории, не найдя ссылку на подкатегорию.

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

На этом мой экскурс в структуру Интернет-магазина подходит к концу. В завершение хочу сказать, что я не зря взял для примера такой гигант торговли, как OZON.ru.

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

И OZON.ru является тому ярким подтверждением, т.к. организован он самым стандартным образом, не выходя за рамки общих рекомендаций к структуре Интернет-магазинов. К тому же, Вы сами могли убедиться, какой у него незамысловатый дизайн. Тем не менее, это не мешает ему занимать лидирующие позиции в различных рейтингах Интернет-магазинов и приносить своим владельцам доход в районе $350 млн ежегодно.

На этом статья, в которой нами была рассмотрена структура Интернет-магазина, объявляется закрытой 

Думаю, что пример OZON.ru вдохновил вас на открытие своего торгового ресурса. И в следующих статьях я помогу Вам приступить к его созданию. Следите за обновлениями.

Сообщение Структура Интернет магазина: особенности и примеры появились сначала на Clip-Clap.

Цели статьи

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

Введение

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

Проблему не удается решить по нескольким причинам:

1. Создатели шаблона уверяют, что с самим шаблоном и битриксом проблем нет, виноват медленный хостинг.
2. Тех поддержка хостинга говорит, что с хостингом проблем нет. Он работает штатно в рамках заявленной производительности.
3. Своими силами провести аудит, чтобы выяснить, что же виновато в том, что сайт работает не так как хочется, нет.

Изначально на меня вышел заказчик с предложением отказаться от apache и все полностью перенести на nginx. По его представлениям это могло бы помочь. Меня, собственно, именно это и заинтересовало. Сам я достаточно много работал с битриксом, поэтому понимаю, что проблемы быстродействия этим не решить. Нет точных данных, что битрикс работает быстрее на nginx с php-fpm, нежели чем на apache. А сам такой переход будет очень непрост. Когда нет четкого понимания, что это поможет, переходить нет никакого смысла.

Я предложил провести обычный внешний аудит без доступа к серверу, посмотреть на сайт, а потом уже пообщаться на тему того, что нужно сделать с сайтом и сколько это будет стоить. Главная претензия к сайту была в том, что большое время ответа сервера и долгая отдача html страницы.

Инструменты для аудита и проверки скорости сайта

Любую проверку сайта я начинаю с прогона его через сервис webpagetest. Для более детальной проверки при тестировании каких-то изменений или перенаправления запросов к тестовым серверам использую локальную копию webpagetest для более точных результатов.

При тестировании важно указать нужную скорость доступа к ресурсу. Если у вас основная доля трафика — мобильный, скорость надо ставить 3G fast. Это позволит увидеть более реальную картину по таймингам, скорости рендеринга и загрузки страницы. Если не ставить ограничений по скорости и времени отклика (RTT), то картина будет не полной. Какая вам разница, за сколько загрузится сайт у пользователя десктопа с выделенным каналом интернета 100 мегабит, если основные ваши заказчики пользователи мобильных телефонов. Надо тестировать с учетом их скоростей и мобильного шаблона сайта.

Первый же прогон сайта через webpagetest выявил явные проблемы, снижающие скорость работы сайта. А точнее время его доставки к пользователям. У заказчика аудитория делилась 50/50 между мобильными и десктопными пользователями, поэтому я тестировал загрузку на шаблоне скорости cable (5/1 Mbps 28 ms RTT) как неким компромиссом между этими двумя группами.

Сразу же замечаем следующие проблемы сайта:

1. Проходит примерно пол секунды, прежде чем начинается загрузка html страницы. До этого основное время занимает SSL Negotiation. Это очень долго. Для мобильных пользователей из-за большего времени отклика эта цифра увеличивается минимум вдвое.
2. Очень долго скачивается html документ. Еще почти пол секунды. Помним про мобильных пользователей, там будет еще больше. В итоге, парсинг страницы, загрузка js, css начинаются с большим отставанием. Где-то через 700-800 мс. Это долго. Причем я привел результаты не самого худшего теста. Чаще было хуже.
3. Огромное количество JS кода. Конечно, это типично для сайта на Bitrix, но тут его прям особенно много. Сразу обратил на это внимание. При этом, судя по названиям файлов, видно, что объединение и минификация скриптов и стилей включена в битриксе. Там есть отдельные настройки в главном модуле на этот счет, которые в общем случае полезны и ускоряют загрузку.
4. Используется много внешних ресурсов — шрифты гугл, js скрипт битриксовской аналитики, шрифты с bootstrapcdn.com и т.д.

Так как были обнаружены проблемы с ssl, сразу же прогнал тест сайта через сервис https://www.ssllabs.com/ssltest.

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

В целом, стала видна картинка. Каких-то глобальных проблем с производительностью сайта я не увидел. Есть над чем поработать, чтобы сократить время загрузки сайта. В дополнение к загрузке сайта у меня были еще замечания по функционалу:

1. Не информативная главная страница с бесполезным слайдером.
2. Не работала почта на сайте. Проверил банальной регистрацией. Ничего не получил на свой email.

Решение проблем со скоростью загрузки сайта

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

Проблемы с ssl сертификатом

Перед тем, как браузер начинал грузить сайт, он, судя по анализу webpagetest, отправлял запросы на status.thawte.com и ocsp.digicert.com. Это адреса crl репозиториев, которые содержат списки отозванных сертификатов. Существует технология OCSP (Online Certificate Status Protocol) с помощью которой браузер может проверить достоверность SSL сертификата. Реализуется это при помощи технологии OCSP Stapling (сшивание OCSP).

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

ssl_stapling on;
ssl_stapling_verify on;
resolver 8.8.4.4 1.1.1.1;

Помимо этого были сделаны другие оптимизации ssl. Подробнее о них можно прочитать в моей статье по настройке nginx. Там есть пример конфига, который позволит получить в приведенном выше тесте статус A+.

Ошибку chain issues contains anchor я решил исключив из цепочки сертификатов сертификат Root CA. Он там не нужен, так есть в браузере. В принципе, это не ошибка, но рекомендация не хранить root ca в цепочке. После всех изменений рейтинг ssl настроек стал A+, в нем нет ошибок и заработала технология OCSP Stapling.

К сожалению, после всех изменений, не стало лишнего запроса к status.thawte.com и скорость сайта увеличилась, но остался запрос к ocsp.digicert.com. Я не смог выяснить по какой причине. То ли это особенность EV сертификатов (у заказчика был такой), то ли еще что-то. Первый раз с этим столкнулся. Все тесты показывают, что с сертификатом, с цепочкой, с настройками все в порядке. Но лишний запрос никуда не ушел.

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

Тестирование хостинга

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

1. Сайт без нагрузки (1000 уников в сутки, несколько посетителей одновременно).
2. Под капотом почти типовой bitrix, работающий в bitrixenv, где дефолтные настройки адекватны.
3. По анализу загрузки я не видел явных проблем с быстродействием серверной части.

Я решил проверить сразу две гипотезы:

1. С хостингом все в порядке.
2. С другим ssl сертификатом будет лучше.

В итоге я перенес сайт на 2 других хостинга и протестировал скорость загрузки сайта через свой локальный webpagetest, заменив у него ip адрес сайта через hosts файл. Скорость и характер загрузки почти не изменились. Они были на удивление похожи, специально проверял заголовки запросов в каждом тесте, чтобы убедиться, что они действительно проверяли 2 разных сервера.

Дальше на тестовом сервере я решил проверить сертификат от Let’s Encrypt для этого же домена. Результат получился лучше, чем с сертификатом заказчика. При тех же настройках веб сервера, никаких лишних запросов к издателю. В итоге время SSL Negotiation минимальное, сразу начинается загрузка html документа.

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

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

Отключение или перенос внешних ресурсов

В процессе анализа сайта я заметил еще одну неявную проблему. Сайт использовал reCaptcha от гугла во всех формах обратной связи. Из-за особенности верстки шаблона, саму каптчу не было видно на страницах. Она появлялась при нажатии на кнопки Задать вопрос или Обратная связь. При этом загружалось новое окно на этой же странице. Таким образом, код каптчи грузился всегда у всех пользователей на всех страницах, даже если они ничего не собирались писать. А код у reCaptcha очень громоздкий, плюс это обязательные запросы к внешним ресурсам.

Несмотря на то, что ресурсы от reCaptcha не блокировали рендеринг страницы, а грузились в конце, все равно лишний js код, шрифты, css с внешнего ресурса замедляют работу браузера, особенно в мобильном телефоне. Так же у заказчика был виджет с Онлайн консультантом, который тоже тащил за собой кучу внешних запросов и ресурсов. Консультант помогает делать продажи и увеличивает конверсию, поэтому с ним ничего не сделать, а вот убрать reCaptcha со всех страниц можно, что я и предложил сделать.

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

Долгая загрузка html страницы

Над долгой (200-500 мс, иногда дольше) загрузкой html страниц я долго думал и дать однозначного ответа, в чем причина замедления, не смог. Сайт отдает долго html, несмотря на хостинг и точку подключения пользователя. Из этого можно сделать вывод, что это локальная проблема конкретной установки Битрикса.

Из необычного, на что я обратил внимание, и что посчитал главной причиной такого поведения — огромный размер html страницы. В среднем, это 100-150 кб, которые приезжают в браузер в сжатом виде и дальше 1.5-2.5 мб данных в несжатом виде.

Я посмотрел глазами эти html файлы. Они реально огромны. Думаю, что проблема их медленной загрузки именно в этом. Либо сервер их медленно формирует и отдает, либо браузер при получении начинает сразу парсить, находит кучу всего и замедляет получение файла, так как сразу же его обрабатывает.

Здесь у меня не хватает знаний, чтобы точно сказать, в чем причина. Я просто чувствую, что 2.5 мб html кода это очень много. Обычно бывает в 2-5 раз меньше. Проблема скорее всего в этом. Если кто-то может подсказать на этот счет, буду рад совету.

Как выстроить взаимодействие с разработчиком при создании сайта

Несколько советов от меня на тему создания интернет сайта. Мне довелось поучаствовать в виде внешнего системного администратора при создании нескольких сайтов на Битриксе, так что советы будут по его мотивам. Но в целом, они универсальные, можно применять и в общем случае при использовании готовой CMS (wordpress, modx и т.д.).

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

1. Обязательно используйте систему контроля версий git, например gitlab, если разрабатываете что-то свое. Можно использовать бесплатный аккаунт публичного сервиса. Без этого ни контролировать нормально разработку, ни передать дела другому разработчику, ни сделать внешний аудит, не получится.
2. Купите сразу 2 сервера, если планируете запуститься и продолжать разработку по ходу дела. Вся разработка должна быть на тестовом сервере, а потом внедрение в рабочий. Тестовый сервер не обязательно такой же мощный, можно попроще. Стоит будет копейки по сравнению со стоимостью разработки, а серьезно поможет избежать проблем.
3. Не меняйте основной код CMS. Весь дополнительный функционал реализуйте в виде шаблонов и плагинов. Обязательно убедитесь, что после всех изменений сайт нормально проходит штатное обновление движка Bitrix. Без этого вы станете заложником разработчиков и будете вынуждены оплачивать их время при каждом обновлении движка, а это регулярный процесс.
4. Обязательно используйте кэширование. В Битриксе за это отвечает технология Композитный сайт. Используйте ее по максимуму. Разработчики могут что-то сделать и не включить кэширование. А оно ускоряет работу в разы. Надо сразу обращать на это внимание.
5. Следите за использованием внешних ресурсов. Разработчики часто не обращают на это внимание и используют гугловские шрифты, внешние js библиотеки (Bootstrap cdn и т.д.), css стили. Копируйте все к себе и грузите локально.
6. Сразу же настраивайте бэкап сайта, причем не у того же хостера, где располагается сам сайт. Это должен быть другой хостер, другой дата центр и другое юридическое лицо. Так вы застрахуете себя от форс-мажора, когда дата центр обесточится, юр. лицо будет ликвидировано или ваш аккаунт будет заблокирован по ошибке, либо еще по какой-то причине.
7. После всех изменений следите за скоростью работы сайта, либо автоматически (если есть какой-то мониторинг), либо вручную через webpagetest. Я видел ситуации, когда разработчики реализуют функционал по ТЗ, но там нет ни слова про скорость работы. А потом страницы грузятся по 20 секунд и сайт не держит вообще нагрузку даже в 5 человек онлайна. Приходилось нанимать другую команду и исправлять это, так как первоначальные разработчики отказались вносить исправления.

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

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

• Time to First Byte (время отклика сервера) ~200-300 мс.
• Start Render (начало рендеринга страницы) ~2-2.5 секунды.
• Load Time (полная загрузка страницы) ~ 8-10 секунд.

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

Иногда какой-то блокирующий внешний запрос может обрушить работу всего сайта. Он просто не будет грузиться. К примеру, во время борьбы с Telegram были заблокированы адреса, которые использует reCaptcha гугла. Заметил это на своем сайте, пришлось на время отключить каптчу. Сайт просто висел в вечной загрузке. Скрипт хоть и не блокировал рендеринг, но постоянная индикация загрузки в браузере раздражала. А если криво внедрили внешний код и он блокирует рендеринг, у пользователей будет просто белый экран, вместо страницы.

Сообщение Оптимизация скорости сайта, аудит сайта появились сначала на Clip-Clap.

Планируя открыть интернет-магазин, каждый предприниматель задаётся вопросом: как его сделать? Кто-то обращается в веб-студию, кто-то сам разрабатывает сайт с нуля, если хватает знаний, но большинство начинают искать подходящую CMS. 

Мы в «Яндекс.Деньгах» работаем по обе стороны «баррикад»: подключаем интернет-магазинам приём онлайн-платежей через «Яндекс.Кассу» и интегрируем её в различные CMS. Это позволяет сайтам, созданным на базе готовых систем, начать принимать оплату в упрощённом режиме. 

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

Конечно, есть CMS, которые интересны лишь единицам, например, экспериментаторам, но есть системы, которые выбирает большинство. Мы спросили у владельцев интернет-магазинов, по какому принципу они выбирают CMS. Вот несколько мнений — это не результаты лабораторных тестирований и не истина в последней инстанции, но они могут пригодиться тем, кто ещё в поиске «той самой» системы для своего проекта.

Интернет-магазин чая на «Битрикс»

Создавая интернет-магазин, его владелец ждал от CMS следующего:

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

Систем, предлагающих все это, не так много. В числе фаворитов — UMI, «Битрикс», NetCat. В итоге выбор пал на «Битрикс» — перевесом стала бесшовная интеграция с 1С, в которой учитываются товары, и наличие маркетплейса с самым большим выбором готовых модулей.

За время работы на «Битриксе» у владельца сайта серьезных нареканий не возникло. Есть лишь несколько замечаний, на которые, возможно, стоит обратить внимание:

• «Битрикс» — система промышленного уровня. Поэтому пока не настроишь CMS под себя, управлять сайтом довольно трудно. Чтобы настроить, не имея специальных знаний, нужно потратить много времени или пригласить разработчика. Зато после настройки управлять сайтом под «Битрикс» становится довольно просто. 
• Cертифицированный разработчик «Битрикс» берет в среднем за час работы заметно больше, чем разработчики, специализирующиеся на других CMS. Но большой плюс в том, что многие необходимые модули есть в маркетплейсе «Битрикса» и их можно установить самостоятельно, не обращаясь к разработчику. Или быстро и просто доделать уже начатое, а не создавать новое «с нуля».

Интернет-магазин тайской косметики — Prestashop

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

Из достоинств этой CMS — разнообразие модулей и тем (как платных, так и бесплатных), понятная документация. Но есть и недостатки. Модули для Prestashop создают много разработчиков, и каждый из них работает в своем уникальном стиле. Из-за этого архитектура в целом получается красивая, но в коде модулей бывает все перемешано. То же самое с темами — каждый верстает их по-своему, не всегда придерживаясь общих рекомендаций.

Интернет-магазин рыболовных сетей — «Битрикс»

Владелец магазина рыболовных сетей, выбирая CMS для онлайн-версии своего магазина, ждал, в первую очередь, удобной интеграции с продуктами 1С, которыми он уже пользовался. Кроме того, он остановился на «Битриксе» по следующим причинам:

• большое количество готовых узкоспециализированных отраслевых решений; 
• благодаря тесной интеграции с 1С система заточена под российские бизнес-процессы: автоматическое создание счетов-фактур, выгрузка отчетов для бухгалтерии, мини-документооборот по стандартам российской бухгалтерии;
• простое управление контентом, нет необходимости держать в штате программиста;
• система постоянно обновляется, появляются новые модули с учётом актуальных требований рынка;

То, что не понравилось:

• высокая стоимость: дорого обходятся лицензия, специалисты по настройке на первом этапе, хостинг;
• система очень требовательна к вычислительным ресурсам, для нормальной работы нужны мощный процессор и больший объём оперативной памяти. У некоторых хостеров есть даже специальные тарифы для сайтов на базе «Битрикс»;
• для работы с системой от разработчика требуется определённая квалификация, и это может существенно влиять на стоимость оплаты его услуг;
• сложно что-либо изменить в готовых решениях, из-за чего для каждой настройки под себя приходится привлекать разработчика.

Интернет-магазин медицинского оборудования — ModX

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

• бесплатное распространение;
• простая и понятная логика взаимодействия компонентов системы;
• низкий порог входа для разработчика (достаточно общих знаний PHP и в целом понимания логики программирования);
• простая установка и лёгкая настройка; 
• нетребовательность к ресурсам (простейшая оптимизация — включение кеширования — обеспечивает нагруженному сайту хорошую работу на шаред-хостинге за 400 рублей в месяц);
• простой встроенный язык запросов;
• пластичность (можно легко менять логику готовых компонентов).

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

Интуитивно эта CMS менее понятна, чем «Битрикс» или, например, WordPress. 

Интернет-магазин по продаже запчастей — WordPress

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

Выбор пал на WordPress, и вот её плюсы:

• бесплатное распространение;
• низкий порог входа для разработчика, простая установка и настройка (даже шутят, что сайт на базе WordPress способен создать и школьник, установив в несколько кликов готовые шаблоны оформления и нужные плагины);
• большое количество справочной информации по работе с системой и устранению проблем, в том числе на русском языке;
• разработчики WordPress всячески поощряют создание и использование сторонних коммерческих компонентов, в результате чего сформировался большой рынок платных шаблонов оформления. Правда, компоненты разных разработчиков могут конфликтовать между собой;
• большой выбор качественных готовых модулей от сторонних разработчиков;
• система активно развивается и постоянно обновляется.

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

Приходилось устанавливать разные дополнения, которые добавляют к WooCommerce эти и другие возможности — например, использовать запятую вместо точки при отделении десятых долей (1000,00 вместо 1000.00). До недавнего времени не было и готовых плагинов для приема онлайн-оплаты — теперь они есть, — а плагины автоматического расчета стоимости доставки не работали с русскими индексами и адресами.

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

Интернет-магазин продуктов питания — собственная CMS

Изначально сайт был создан на популярной бесплатной CMS — OpenCart. К достоинствам системы можно отнести:

• быстро развёртывание;
• простой в освоении, подходит и для новичков;
• большой выбор готовых модулей и шаблонов;
• недорогой хостинг.

Недостатков оказалось больше:

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

Кроме того, большинство готовых модулей для OpenCart — платные. Их цена может доходить до $45. При этом, прежде чем приобрести модуль, проверить качество его работы бывает не всегда возможно. Такие эксперименты были слишком дороги для небольшого магазина, и его владелец решил создать собственную CMS. 

В результате на разработку базовой функциональности этой CMS у владельца ушло меньше времени, чем на доработку OpenCart под свои требования. 

Интернет-магазин строительных материалов — Moguta.CMS

Первая версия сайта была создана на бесплатной системе OpenCart. Однако впоследствии магазин сменил CMS — на платную версию Moguta.CMS. 

Владелец магазина не жалеет о переходе с бесплатного на платный продукт и отмечает ряд достоинств Moguta.CMS:

• возможность быстрого и удобного выставления счетов юридическим лицам;
• простая форма для оформления заказа с минимальным количеством обязательных полей как для физических, так и для юридических лиц; 
• система активно развивается и постоянно обновляется; 
• есть бесплатная версия, которая вполне подойдёт для стандартного интернет-магазина.

Кроме того, владелец магазина использует ещё один платный продукт — ReadyScript. Это гибкая в работе CMS с богатой функциональностью и двусторонней интеграцией с 1С.

Сообщение Какую CMS для интернет-магазина выбрать: «Битрикс», Prestashop, ModX, WordPress появились сначала на Clip-Clap.