OpenCart - удобная и практичная система управления контентом, на основе которой можно бесплатно создать полноценный и многофункциональный интернет-магазин. Этот раздел научит вас устанавливать её и даст общее представление о том, как с ней работать. Рассматривается OpenCart 2.x, а точнее OpenCart 2.1.0.2, так как на момент создания раздела это самая свежая редакция, имеющая русификатор.
- 1
Как установить CMS OpenCart на localhost
Подробное руководство по инсталляции движка на домашний хостинг, где её можно протестировать, не покупая домен и не регистрируя хостинг в Сети. Откуда скачать официальную версию, что делать с файлами, как пользоваться Мастером установки и как потом русифицировать магазин - обо всём этом рассказано в статье.
- 2
Как установить CMS OpenCart на хостинг
Инструкция по инсталляции CMS на хостинг. В качестве примера взят надёжный и недорогой Beget , который предлагает установку множества движков (OpenCart - не исключение) в упрощённом режиме.
- 3
Выбираем и устанавливаем тему (дизайн)
OpenCart располагает достаточным количеством в том числе и бесплатных тем оформления, благодаря которым ваш магазин не будет похож на другой, базирующийся на этом же движке. Из статьи вы узнаете, где найти шаблоны, как их выбрать и установить.
- 4
Базовые настройки
Сразу после установки CMS её необходимо настроить, чтобы она не выглядела слишком по-английски: установить в качестве валюты рубль, русифицировать единицы длины и веса, внести изменения в отображение товаров.
- 5
Модули OpenCart
Для движка написано большое количество расширений. Но где их найти, каких типов они бывают и чем друг от друга отличаются, как правильно установить OCMod- и VQMod-плагины и как их активировать - без статьи вы разберётесь вряд ли.
- 6
Немного SEO
Чтобы магазин процветал, его нужно хорошо оптимизировать, дабы не путать ни поисковых роботов, ни клиентов. Оптимизацию можно проводить и вручную, но зачем изобретать велосипед, если существуют расширения, автоматизирующие процесс? Материал познакомит с тремя платными и тремя бесплатными модулями SEO-оптимизации (ссылки на страницы скачивания есть внутри).
- 7
Google Analytics на OpenCart
Анализ магазина может увеличить конверсию и подсказать веб-мастерам, как именно нужно улучшить интерфейс. Google Analytics - один из самых мощных инструментов мониторинга активности на вашем сайте. Статья рассказывает о том, как заставить его работать в вашем интернет-магазине и куда скопировать специальный код.
- 8
Как редактировать контент
- 9
Отслеживание продаж
Обзор штатных средств сбора статистики по заказам и посетителям. Вы узнаете, куда заглядывать, когда интернет-магазин начнёт набирать обороты и продажи достигнут таких масштабов, что контролировать их вручную станет уже очень сложно.
Хотя этот раздел не даёт детальной и исчерпывающей информации по работе с OpenCart, он определённо будет полезен новичкам, совершенно незнакомым с этой системой. Он даёт базу, а после её освоения у вас не возникнет трудностей с администрированием магазина, так как движок является понятным и имеет дружественный интерфейс.
CMS Opencart - идеальное решение для создания небольшого торгового ресурса. Она не требует особых затрат и имеет такие преимущества как:
Поддержка мультиязычности.
Неограниченное количество страниц, категорий, продуктов, брендов.
Модульная система (возможность создавать на одной платформе несколько магазинов на Opencart).
Поисковая оптимизация.
Расширение функциональности за счет установки дополнений.
Возможность установки различных тем.
Также существует русифицированная расширенная версия OpenCart – ocStore. Его мы и будем устанавливать, так как “из коробки” он наиболее эффективен для России. В отличии от OpenCart, в нем уже есть:
Русский языковый пакет
Локализация базы данных
SEO-оптимизация (добавлены title и h1 для товаров, категорий, производителей и др.)
Расширенный функционал.
Итак, давайте по шагам разберем, как создать магазин на Opencart.
Шаг 1. Установка Opencart на хостинг
Описание. Здесь вносим описание категории для посетителя. Отображение зависит от шаблона.
HTML-тег Title. Здесь вписываем заголовок страницы. Например, “Русская кухня”.
HTML-тег H1. Здесь можно продублировать заголовок страницы. В нашем примере он будет отображаться как на рисунке.
- Мета-тег Description и Мета-тег Keywords.
Это мета-теги описания и ключевых слов для поисковых систем.
Вкладка “Данные”:
Родительская категория. Если категория, которую создаем, является родительской, то ничего не выбираем. Если она является подкатегорией, то выбираем здесь для нее родительскую категорию. В нашем примере “Русская” - это родительская категория, поэтому оставляем без изменений.
SEO URL. Здесь прописываем URL-метку нашей категории для отображения в ссылке. Обычно указывается название категории на латинице. Если категория состоит из двух слов, разделенных пробелом, то пробел меняем на дефис или нижнее подчеркивание. В нашем примере будет “russkaya”.
Изображение категории. Здесь добавляем изображение, которое будет отображаться вверху. Отображение зависит от используемой темы. В нашем примере оно будет отображаться под текстом HTML-тег H1 (на рисунке выше обведено рамочкой).
Главное меню. При установленной галочке категория будет отображаться в верхнем меню. Работает только для основных категорий.
Сохраняем категорию, щелкнув по значку дискеты вверху. Подкатегории добавляются таким же образом, только в родительской категории необходимо указать, к какой категории относится подкатегория.
Шаг 4. Добавление и настройка товара на Opencart
Переходим в Каталог => Товар. В открывшемся окне мы видим уже созданные в процессе установки товары. Вы можете оставить их для примера или удалить. Удаление происходит также, как и удаление категорий.
Как добавить товар на Опенкарт - простой пример
Добавляем новый товар, щелкнув по значку “плюс” вверху. Откроется страница с несколькими вкладками, которые мы и рассмотрим.
Вкладка “Общие”:
Наименование. Название товара, например “Щи из свежей капусты”.
Описание. Описание товара, которое увидит посетитель.
- HTML-тег Title, HTML-тег H1, Мета-тег Description, Мета-тег Keywords. Эти поля имеют такие же функции как и у категорий, но только для товара.
Теги товара.
Теги товара в Opencart - это своего рода метки товара, которые отображаются внизу. По ним можно быстро найти похожие товары, они положительно влияют на поисковую оптимизацию.
Вкладка “Данные”:
- Изображение товара. Главное изображение товара. Будет отображаться на странице категории и первым в карточке товара.
Модель. Здесь указываем код товара, который будет отображаться в карточке товара. Можно использовать внутренний артикул или уникальное наименование.
Цена. Указываем цену нашего товара.
Количество. Указываем количество товара на складе.
- Минимальное количество. Указываем минимальное количество для заказа. Т.е., если у вас оптовая торговля, то можете указать какое минимальное количество нужно добавить в корзину, чтобы сделать заказ на товар.
- Вычитать со склада. Если будет указано “Да”, то при каждом заказе количество на складе будет уменьшаться. В нашем примере товар готовится каждый раз после заказа и какого-то определенного количества на складе не имеет. Поэтому указываем “Нет”.
- Отсутствие на складе. Выбираем тот текст, который будет показываться посетителю в случае, если товар закончился на складе.
SEO URL. Так же, как и в категориях, прописываем уникальную метку для ссылки. Например, shchi-iz-svezhej-kapusty.
- Размеры (Д x Ш x В). Обязательно указывайте, если потом будете использовать модули для расчета доставки. В нашем примере указание размеров не требуется.
Единица длины. В чем измеряем - см или мм.
Вес. Указываем вес товара.
Единица веса. В чем измеряем - кг или г.
Статус.
Статус указываем “Включено”, чтобы наш товар отобразился на витрине.
Вкладка “Связи”:
Производитель. В нашем примере производство собственное, поэтому оставляем поле пустым. В других случаях здесь указываем производителя. Предварительно производителей надо добавить через которого Каталог => Производители.
- Сопутствующие товары.
Сопутствующие товары в Opencart - это товары, которые отображаются в карточке основного, под описанием. Здесь можем указать товары, которые советуете приобрести к данному товару. Например, аксессуары. В нашем примере хлеб, лаваш и прочее. Эти товары уже должны быть добавлены в магазин, чтобы была возможность их выбрать.
Вкладка “Скидки”:
Тут можно установить цены в зависимости от количества (2). Указываем количество, при котором начинает действовать цена со скидкой (1). Также данную скидку можно ограничить по времени, указав дату начала и дату окончания (3 и 4). Для добавления новой скидки от следующего количества жмем на плюс (5).
Вкладка “Акции”:
Тут можно установить новую цену на определенный период, например, для распродажи. Указываем новую цену (1), дату начала и дату окончания (2 и 3). Если нужно указать ещё, то жмем на плюс (4).
Вкладка “Изображения”:
На этой вкладке мы можем добавить дополнительные изображения для нашего товара.
Вкладка “Бонусные баллы”:
На этой вкладке можно использовать систему накопления бонусных баллов для покупки товаров.
1. В поле “Баллы” указываем количество баллов, за которые покупатель может приобрести товар. Если товар невозможно приобрести за баллы, то укажите 0.
2. В поле “Бонусные баллы” укажите количество баллов, которые покупатель получит, купив товар.
После внесения всех настроек сохраняем, нажимая на значок дискеты вверху. На этом создание простого товара закончено.
Перейдем к более сложному товару, имеющему в нашем примере разные порции.
Как добавить товар на Опенкарт - пример посложнее
Прежде чем добавлять товар, нам необходимо добавить опции, перейдя в Каталог => Опции
. В открывшемся окне мы видим уже созданные в процессе установки Opencart опции. Удаляем их также, как и ранее в категориях.
Добавляем новую опцию, нажимая плюс вверху.
2. Затем выбираем тип опции - в нашем примере “Переключатель”, чтобы была возможность выбрать только один вариант.
3. Указываем порядок сортировки - необязательно.
4. Далее вносим значения опции, нажав плюс: само значение (5), изображение к нему (6) и порядок сортировки (7). Порядок сортировки в нашем примере имеет значение, чтобы не нарушать логику, так как значений будет два (250г и 300г) и они должны следовать по возрастанию.
Теперь перейдем к добавлению товара с опциями. Ранее мы уже добавляли товар и на этом подробно останавливаться не будем, за исключением вкладки “Опции”, которую мы ещё не рассматривали.
1. Выбираем на вкладке только что созданную опцию “Порция”. Появится окно для внесения значений.
2. В поле “Обязательно” выставляем значение “Нет”, чтобы покупатель мог добавить товар без выбора опции. Но для этого должна быть полностью прописана карточка товара с опцией по умолчанию - должна быть указана цена и вес порции (100 руб. и 200 г соответственно).
3. Добавляем новое значении опции.
4. Выбираем значение.
6. Прописываем надбавку на цену.
7. Добавляем вес к исходной порции.
8. Сохраняем товар.
Вот какая карточка в итоге у нас получилась:
Таким образом, в Opencart мы можем сделать настройку фильтров, описывающих самые разные свойства товара. Покупатель сможет выбирать товары по цвету, размеру, модификации, комплектации и прочим параметрам.
Шаг 5. Настройка приема платежей на Opencart
1. Для настройки платежей переходим в Дополнения => Платежи . На странице есть несколько модулей оплаты.
2. По умолчанию они не установлены и для того, чтобы их установить, нужно нажать на плюс.
3. После этого можно перейти к редактированию, нажав на значок карандаша.
В нашем примере рассмотрим только один способ оплаты - “Оплата при доставке”, так как все остальные способы похожи и отличаются только количеством полей для заполнения. Если у вас подключены агрегаторы платежей, вам понадобится информация, предоставленная агрегаторами.
Переходим в редактирование модуля:
- Минимальная сумма. Указываем минимальную сумму для оплаты данным способом. При сумме заказа меньшей этого значения способ будет не доступен.
- Статус заказа после оплаты. Указываем статус заказа после поступления оплаты. В нашем примере статус будет “Доставлено”.
Статус.
Для включения способа необходимо выбрать “Включено”.
Шаг 6. Настройка доставки Opencart
В нашем примере будут использоваться два варианта доставки - фиксированная стоимость доставки (150 рублей) и бесплатная доставка при сумме заказа от 1000 рублей.
1. Для настройки способов доставки переходим в Дополнения => Доставка. На открывшейся странице мы увидим несколько способов доставки, среди которых есть необходимые нам.
2. Устанавливаем их, нажав на плюс.
3. Переходим к редактированию, нажав на карандашик.
Начнем с редактирования способа “Фиксированная стоимость доставки”:
Стоимость. Указываем стоимость доставки. В нашем пример 150.
Класс налога. Меняем на “Не выбрано”, так как налоги мы не используем, работая с физлицами.
Сохраняем, нажав на дискету вверху.
- Порог стоимости. Указываем минимальную сумму для того, чтобы бесплатная доставка стала доступной. В нашем примере - 1000.
Статус.
Указываем “Включено”.
Сохраняем.
Итог
Мы вкратце рассказали о создании интернет-магазина на Opencart на примере магазина еды с доставкой. Конечно, в статье мы рассмотрели только базовые настройки модулей. При более тщательном изучении движка вы можете построить онлайн мегамаркет со своими маркетинговыми фишками.
Не ограничивайте свою фантазию! Устанавливайте движок, выбирайте подходящую тему и экспериментируйте!
На этом все. Успехов в создании интернет-магазина!
С развитием технологий, интернет стал важной частью любого бизнеса. Практически каждая компания имеет свой . Современные предприниматели открывают интернет-магазины, как в дополнение к существующим оффлайновым площадкам, так и в качестве основного и полноценного инструмента продаж.
Для начинающего бизнесмена преимущества открытия интернет-магазина очевидны.
Онлайновая площадка требует гораздо меньше финансовых вложений, как при входе, так и в процессе развития бизнеса. Можно обойтись без большого количества персонала, без дорогостоящей аренды и оборудования. Плюс круглосуточная доступность, отсутствие территориальных ограничений, а также возможность самостоятельно и просто установить свой магазин и управлять им.
CMS Opencart, пожалуй самая привлекательная платформа в этом плане: она бесплатна, интуитивно понятна и с ее помощью, вы сможете запустить свой интернет-магазин уже через час.
Подробну инструкцию по созданию качественных и интересных презентаций вы найдете .
Хотите увеличить количество подписчиков? Тогда быстрее читайте - здесь самая подробная информация о том,как это сделать быстро и правильно.
Безопасность вашего магазина
Как обеспечить магазину безопасность:
- обеспечьте свой сайт от взлома, с помощью MyAdmin, AdminBlocker, Simple Login Security.
- защитить платежную информацию пользователей, вам поможет SecurePay, SecureTrading.
Теперь все готово, чтобы наполнять свой магазин товарами. Редактируйте каталог, создавайте категории и подкатегории товаров, заполняйте карточки, добавляйте информацию о продукте, фотографии.
Подключите инструменты "Google Аналитик" и "Яндекс.Метрику" для эффективного мониторинга продаж.
Получайте сводку о количестве посетителей, покупателей, заказов, количестве товаров купленных и просмотренных, с выделением всех категорий, подкатегорий и наименований.
Здравствуйте. В прошлой статье этой серии статей, условно названной «Русский OpenCart» я . Успешная установка OpenCart проверяется контрольными входами на витрину магазина и в его административную часть.
Для входа в административную часть OpenCart вы должны помнить логин и пароль администратора магазина, которые задавались на этапе установки магазина. Если вы забыли пароль и логин администратора, читаем мою статью и восстанавливаем, всё что забыли.
Главная страница административной панели Open Cart
Правильное название главной страницы административной панели Open Cart называется «Панель состояния». Меню административной панели открывается, как слайдер, с левой стороны страницы (кнопка открытия меню вверху страница, над меню).
Разработчики OpenCart создали максимально удобную главную страницу магазина. Основа администрирования Opencart это его меню. Оно располагается слева страницы. Все пункты меню активные и раскрываются при нажатии.
На странице размещены все необходимые модули для визуальной оценки активности магазина. Здесь и количество заказов (1), количество продаж (2), количество зарегистрированных клиентов (3), количество покупателей в режиме on-line (4). Кроме этого карта входа посетителей (5), графический анализ количества клиентов в сравнении с количеством покупателей (6). Завершает статистику: модуль Активности покупателей (7) и последние заказы (8).
Общие настройки OpenCart
После знакомства с главной страницей административной панели OpenCart, переходим к общей настройки.
Название магазина OpenCart
Идем на вкладку Система→Настройка из меню административной панели.
Видим название магазина по умолчанию и его адрес URL. Все настройки магазина производятся через кнопку «карандаш» (2), которую мы и жмем. Это основная страница административной панели Opencart, которую мы используем в этой статье. Здесь, расположены все основные настройки магазина.
Как видим, страница общие настройки OpenCart включает свое меню из 8 пунктов:
- Основное;
- Магазин;
- Локализация;
- Опции;
- Изображения;
- Почта;
- Сервер.
Идем на каждую вкладку этого меню и выставляем общие настройки нашего Интернет магазина Opencart.
Общие настройки OpenCart — Основное
Основные настройки OpenCart включают задание названия магазина (Title), описание (Description), ключевые фразы (Keywords). Эти графы имеют прямое отношение к SEO оптимизации магазина и обязательны к заполнению.
1. Title должен быть не длиннее 70 знаков с пробелами и включать основную группу товаров магазина (главный ключ). Например, «Детский сад: Интернет торговля товарами для детей» или «Шинпром: продажа автомобильных шин». В Title в сконцентрированном виде должна содержаться вся суть вашей Интернет торговли. 2. Description (описание) должно раскрывать Title магазина. Длинна описания не больше 160 знаков с пробелами. Можно больше, но поисковики будут его обрезать, в привью поисковой выдачи. 3. Keywords (ключевые фразы) тег потерявший актуальность для SEO. Но лучше его заполнить 3-5 основными ключевыми фразами.Примечание: Перед созданием Интернет магазина вы должны были подготовить основное и расширенное семантические ядра для раскрутки и оптимизации сайта магазина. Именно семантическое ядро служит источником для названия, описания и ключевых слов в настройках интернет магазина.
4. Настройки «Шаблон магазина» и «Макет магазина»(5) оставляем как «default». Шаблон магазина сменить не можем, потому что он единственный, а макет не будем менять, чтобы не запутаться в настройках. Забегая вперед, замечу, что макет это внешний вид витрины магазина с размещенными на ней модулями. Макет можно создать самому.От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Оперкарт). В этой статье мы поговорим о том, как сделать сайт на OpenCart, конкретнее, мы поговорим о создании шаблонов (тем) для Опенкарт.
По умолчанию, OpenCart предалагает нам сразу после установки одну тему, которую мы можем использовать на сайте, — это шаблон default. Данный шаблон достаточно симпатичен и аккуратно сделан, но все же практически любому владельцу сайта хотелось бы, чтобы его сайт был уникальным, в первую очередь внешне.
Этого можно достичь двумя способами: либо использовать уже готовый шаблон, либо же создать его самому. Как же создать шаблон для Опенкарт? Очень просто. Давайте попробуем. В рамках данной статьи мы, конечно же, не будем создавать уникальный сайт на OpenCart, это тема отдельного курса, как вы понимаете. Однако, мы рассмотрим основные принципы создания сайта.
Итак, перейдем на сервере, где уже установлен движок, в папку catalog/view/theme. Там мы увидим единственную (при условии, что это чистая установка CMS) папку – default. Это и есть стандартная тема магазина. Внутри указанной папки для нас в первую очередь представляет интерес папка template, в которой и находятся все шаблоны движка.
Внимательно познакомьтесь со структурой шаблонов, поскольку когда вы будете создавать собственную тему, вам необходимо будет повторить структуру дефолтной темы. Для примера возьмем папку common и находящиеся в ней шаблоны.
Как видите, файлов достаточно много и каждый из них отвечает за тот или иной кусочек страницы сайта. Например, первый файл – cart.tpl – отвечает за показ содержимого корзины на кнопке в шапке сайта.
Шаблоны column_left.tpl и column_right.tpl, как вы наверное догадались, показывают сайдбары сайта. Файлы header.tpl и footer.tpl отвечают за шапку и подвал сайта и т.д. Создавая свою тему, вы смотрите, какой именно участок страницы вы хотите изменить. Если вам нужно изменить шапку сайта, тогда в папке вашей темы с шаблонами нужно создать папку common, а в ней создать файл header.tpl с нужным содержимым. Давайте попробуем.
Пусть папка с нашей темой называется просто – mytheme. В ней мы создаем нужный файл по следующему пути: mytheme/template/common/header.tpl. Чтобы этот файл не был пустым, скопируем в него полностью код из одноименного файла дефолтной темы.
Теперь давайте перейдем в админку и там зайдем в меню Дополнения – Дополнения, где из списка имеющихся дополнений выберем Шаблоны. В списке доступных шаблонов мы должны увидеть только что добавленный нами – mytheme.
Выберем и установим его в качестве активной темы для сайта. Если после этого вернуться на сайт и обновить страницу, то мы не найдем никаких изменений. Все верно. Дело в том, что Опенкарт работает следующим образом: при формировании страницы он собирает ее из кусочков, подключая файлы шаблонов один за другим. При этом каждый файл вида движок ищет в папке активной темы. Если нужного файла вида там не окажется, тогда Опенкарт подключит нужный вид из дефолтной темы. Ну а поскольку мы целиком скопировали содержимое header.tpl, не внося никаких правок, на сайте ничего не изменилось. Все прочие файлы tpl были взяты из папки default.
Теперь наша задача, как разработчиков темы, править содержимое файлов уже в папке нашей темы. Например, для файла header.tpl мы можем подключить свои стили, скрипты, изменить верстку шапки и т.д. В качестве примера давайте попробуем удалить кнопку корзины. Для этого вернемся к файлу header.tpl и найдем там соответствующий код – это строка 96:
