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

Настройка Opencart: инструкция по созданию интернет-магазина с примерами

CMS Opencart - идеальное решение для создания небольшого торгового ресурса. Она не требует особых затрат и имеет такие преимущества как:

 - Поддержка мультиязычности.

 - Неограниченное количество страниц, категорий, продуктов, брендов.

 - Модульная система (возможность создавать на одной платформе несколько магазинов на Opencart).

 - Поисковая оптимизация.

 - Расширение функциональности за счет установки дополнений.

 - Возможность установки различных тем.

Также существует русифицированная расширенная версия OpenCart – ocStore. Его мы и будем устанавливать, так как “из коробки” он наиболее эффективен для России. В отличии от OpenCart, в нем уже есть:

 - русский языковый пакет

 - локализация базы данных

 - SEO-оптимизация (добавлены title и h1 для товаров, категорий, производителей и др.)

 - расширенный функционал.

Итак, давайте по шагам разберем, как создать магазин на Opencart.

Шаг 1. Установка Opencart на хостинг

Переходим на официальный сайт, где мы будем скачивать архив с CMS. На странице “Скачать” есть несколько версий ocStore, и это неспроста.

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

Мы выбрали бесплатный адаптивный шаблон FastFood. Шаблон тестировался на ocStore и Opencart версий 2.1.*, соответственно, мы и будем качать версию ocStore 2.1.0.2.1.

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

После установки темы Opencart нам необходимо её применить.

1. Для этого переходим в Система => Настройки.

2. Щелкаем по “карандашу”.



На вкладке “Общие” спускаемся вниз до выбора шаблона и выбираем установленный нами шаблон.



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

Шаг 2. Настройка магазина на Opencart

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



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



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

1. Для этого переходим в Система => Локализация => Языки.

2. Ставим галочку рядом с English.

3. Нажимаем на значок корзины. Подтверждаем удаление.



Чтобы удалить лишнюю валюту в Opencart, переходим в Система => Локализация => Валюта (1), отмечаем ненужную валюту (2) и нажимаем на значок корзины. Подтверждаем удаление (3).



Теперь переходим, собственно, к настройке сайта Opencart.

Вкладка “Общие”:

 - Заголовок. Заголовок страницы интернет-магазина на Опенкарт (мета-тег “Title”).

 - Мета-тег Description. Описание для поисковых систем, отображается на странице поисковой выдачи, под ссылкой.

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

 - Шаблон. Выбор темы или шаблона интернет-магазина на Opencart.

Вкладка “Витрина”:

 - Название магазина. Название магазина, которое будет отображаться на странице “Контакты”.

 - Владелец магазина. Здесь указываем владельца магазина (например, ООО “Рога и Копыта”, ИП Иванов И.И.). Будет отображаться на странице “Контакты”.

 - Адрес магазина. Физическое местонахождение магазина, склада. Будет отображаться на странице “Контакты”.

 - Время работы. Время работы магазина. Будет отображаться на странице “Контакты”.

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

 - E-mail. E-mail интернет-магазина.

 - Телефон. Номер телефона для связи.

 - Изображение на странице обратной связи. Добавляем изображение на страницу обратной связи “Связаться с нами”. Можно использовать логотип.

Вкладка “Локализация”:

 - Страна. Указываем страну, в которой находится интернет-магазин. В нашем случае это Российская Федерация.

 - Регион/Область. Выбираем наш регион, например, Москва.

 - Обновление валют. В нашем случае необходимо отключить, так как у нас всего одна валюта.

 - Единица измерения. Здесь выбираем, в чем измеряются габариты товара (см или мм).

 - Вес. Выбираем единицу измерения веса - кг или г.

Вкладка “Опции”:

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


 - Разрешить отзывы. Здесь на ваше усмотрение. Если отзывы от покупателей нам нужны, то разрешаем.

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

 - Сообщать о новых отзывах. Советуем включить, чтобы своевременно реагировать на отзывы.

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

 - Отображать цены с налогом. Если вы планируете работать только с физлицами, то отключаем.

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

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

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

 - Подтверждение при регистрации. Страница с условиями интернет-магазина, которые необходимо принять при регистрации аккаунта. По умолчанию в интернет-магазинах на Opencart создана и выбрана страница “Политика безопасности”, которую можно отредактировать перейдя в Каталог => Статьи. Для отключения опции необходимо указать “Не выбрано”.

 - Сообщать о новых клиентах. Отправляет письмо с сообщением на e-mail Администратора. Возможно, в самом начале эта опция пригодится, но при десятках регистраций в день будет раздражать. Поэтому советуем её отключить.

 - Показывать Вес в Корзине. Выбор зависит от вашего товара. Если вы хотите, чтобы доставка рассчитывалась в зависимости от веса (например, Почтой России) и у каждого товара проставлен вес, то выберите “Да”.

 - Оформление без регистрации. Позволяет посетителю без оформления личного кабинета сделать заказ.

 - Подтверждение при оформлении. Страница с условиями интернет-магазина, которые необходимо принять при оформлении заказа. По умолчанию при создании магазина на Опенкарт выбрана страница “Условия соглашения”, которую можно отредактировать перейдя в Каталог => Статьи. Для отключения опции укажите “Не выбрано”.

 - Уведомлять о новом Заказе. Отправка e-mail Администратору при создании нового заказа.

 - Показывать остаток. Отображает кол-во товара на складе покупателю.

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

 - Заказ при нехватке. Позволяет сделать заказ покупателю, если товара нет на складе. Своего рода предзаказ.

Вкладка “Изображения”:

Здесь мы поменяем только логотип (1) и фавиконку (2).



Вкладка “Сервер”:

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



 - Включить SEO URL. Включите, чтобы ссылки интернет-магазина были ЧПУ (человеко-понятные УРЛы). После включения необходимо также переименовать в корне сайта файл .htaccess.txt в .htaccess.



 - Тип ЧПУ. Выбираем SeoPro

 - ЧПУ товаров с категориями. Требуется для отображения ссылки, включающей в себя категории (например, http://site.ru//desktops/mac/imac.html, где desktops - категория, mac - подкатегория, imac.html - товар). В противном случае, ссылка будет выглядеть так - http://site.ru/imac.html.

 - Окончание ЧПУ. Можно не указывать или указать .html или .php.

 - Визуальный редактор по умолчанию. Меняем на более удобный CKEditor.

 - Использовать SSL. Если вы установили на свой домен SSL-сертификат, то включите.

Мы разобрали основные пункты, как сделать интернет-магазин на Opencart. Переходим к наполнению.

Шаг 3. Добавление категорий на Opencart

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



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

1. Отмечаем все категории, поставив галочку рядом с “Название категории”.

2. Щелкаем по значку корзины. Подтверждаем удаление.



Чтобы создать новую категорию или подкатегорию 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 опции. Удаляем их также, как и ранее в категориях.

Добавляем новую опцию, нажимая плюс вверху.

1. Далее пишем название опции - в нашем примере “Порция”.

2. Затем выбираем тип опции - в нашем примере “Переключатель”, чтобы была возможность выбрать только один вариант.

3. Указываем порядок сортировки - необязательно.

4. Далее вносим значения опции, нажав плюс: само значение (5), изображение к нему (6) и порядок сортировки (7). Порядок сортировки в нашем примере имеет значение, чтобы не нарушать логику, так как значений будет два (250г и 300г) и они должны следовать по возрастанию.



Теперь перейдем к добавлению товара с опциями. Ранее мы уже добавляли товар и на этом подробно останавливаться не будем, за исключением вкладки “Опции”, которую мы ещё не рассматривали.

1. Выбираем на вкладке только что созданную опцию “Порция”. Появится окно для внесения значений.

2. В поле “Обязательно” выставляем значение “Нет”, чтобы покупатель мог добавить товар без выбора опции. Но для этого должна быть полностью прописана карточка товара с опцией по умолчанию - должна быть указана цена и вес порции (100 руб. и 200 г соответственно).

3. Добавляем новое значении опции.

4. Выбираем значение.

5. Указываем “Вычитать со склада” - “Нет”.

6. Прописываем надбавку на цену.

7. Добавляем вес к исходной порции.

8. Сохраняем товар.



Вот какая карточка в итоге у нас получилась:



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

Шаг 5. Настройка приема платежей на Opencart

1. Для настройки платежей переходим в Дополнения => Платежи. На странице есть несколько модулей оплаты.

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

3. После этого можно перейти к редактированию, нажав на значок карандаша.



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

Переходим в редактирование модуля:

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

 - Статус заказа после оплаты. Указываем статус заказа после поступления оплаты. В нашем примере статус будет “Доставлено”.

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

Шаг 6. Настройка доставки Opencart

В нашем примере будут использоваться два варианта доставки - фиксированная стоимость доставки (150 рублей) и бесплатная доставка при сумме заказа от 1000 рублей.

1. Для настройки способов доставки переходим в Дополнения => Доставка. На открывшейся странице мы увидим несколько способов доставки, среди которых есть необходимые нам.

2. Устанавливаем их, нажав на плюс.

3. Переходим к редактированию, нажав на карандашик.



Начнем с редактирования способа “Фиксированная стоимость доставки”:

 - Стоимость. Указываем стоимость доставки. В нашем пример 150.

 - Класс налога. Меняем на “Не выбрано”, так как налоги мы не используем, работая с физлицами.

 - Статус. Указываем “Включено”.

Сохраняем, нажав на дискету вверху.

Далее редактируем способ “Бесплатная доставка”:

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

 - Статус. Указываем “Включено”.

Сохраняем.

Итог

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

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

На этом все. Успехов в создании интернет-магазина!

Еще по теме:

AddThis Sharing Buttons
Готовый интернет-магазин от ShopConstructor
с расширенными опциями и функциями
Разовая оплата
14399 руб

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

Вот так будет работать панель управления - ссылка

На такой функциональной платформе будет ваш магазин - ссылка

Выбирайте любой дизайн из имеющихся шаблонов - ссылка

Доменное имя в зоне ru/рф бесплатно

Хостинг на 3 месяца, затем оплата 269 руб/месяц

Гарантия на работу интернет-магазина - год

Предоплата всего 50%, остальные 50% - после создания интернет-магазина

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