Как создать интернет-магазин на Opencart - uGuide.ru

Как создать интернет-магазин на Opencart

  • Обновлено:
    2020-07-13
  • Просмотры:
    372
  • Отзывы:
    0
OpenCart — бесплатная CMS, которая предлагает все необходимые инструменты для работы интернет-магазина. Она локализована на русский язык, расширяется с помощью модулей и не требует от вебмастера специальной подготовки.

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

Почему OpenCart — хорошее решение для интернет-магазина

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

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

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

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

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

Установка OpenCart

На некоторых хостингах поддерживается автоматическая установка OpenCart и других CMS.

  1. В панели управления хостингом откройте раздел с приложениями, доступными для автоматической установки.
  2. Выберите OpenCart и нажмите «Установить приложение».
  3. Выберите домен, к которому будет привязан сайт, и базу данных. Можно использовать тестовый домен и создать новую базу данных.

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

Если на хостинге не поддерживается автоматическая установка CMS или в списке нет OpenCart, то инсталлируйте движок вручную.

  1. Зайдите в панель на хостинге и создайте новую базу данных MySQL. Придумайте имя БД, создайте логин и пароль.
  2. Скачайте последнюю сборку OpenCart. Загрузите версию с официального сайта разработчиков и затем её русифицируйте или сразу установите русскоязычную сборку. Второй вариант предпочтительнее, потому что кроме перевода на русский язык в ней учтены требования законодательства РФ, касающиеся хранения персональных данных, а также адаптированы способы оплаты и доставки.
  3. Распакуйте архив со скачанным движком.
  4. Загрузите содержимое архива на сервер через FTP (данные для подключения указаны в панели управления хостингом) или встроенный файловый менеджер хостинга. Обычно на хостинге есть сайт с тестовым доменом. Загрузите файлы в его корневую папку — внутри неё будет файл index.htm.
  5. Введите в адресной строке браузера адрес сайта, в директорию которого загружены файлы OpenCart.
  6. Примите условия лицензионного соглашения. При установке движок проверит конфигурацию сервера. Убедитесь в том, что все параметры подходят. Например, у некоторых файлов может не быть разрешения на запись. Исправить это можно через файловый менеджер.
  7. Впишите название созданной БД и пароль для подключения. Также нужно добавить пароль и адрес для входа в панель управления сайтом и email, который будет использоваться как почта администратора.

Если вы сделаете всё правильно, то сайт на OpenCart станет доступен по адресу того проекта, в корневую директорию которого вы закинули его файлы. Для перехода в административную панель добавьте к доменному имени /admin. Например, myshop.ru/admin.

Первоначальная настройка сайта

После установки нужно изменить основные настройки движка. Для этого в меню «Система» есть раздел «Настройки». Здесь заполните несколько вкладок.

  1. Укажите Title (заголовок сайта) и Description (описание сайта) — они отображаются в выдаче поисковиков. По желанию можно добавить ключевые фразы и слова, которые описывают суть сайта. Например, если вы продаёте мебель ручной работы, то ключевыми словами могут быть «мебель на заказ», «мебель ручной работы».
  2. Добавьте информацию о магазине: название, имя владельца, контактные данные.
  3. Укажите страну, единицу измерения, валюту. Если вы предоставляете покупателям возможность расплачиваться разными валютами, то оставьте в настройках функцию автоматического обновления курса.
  4. Включите запись поисковых запросов, установите статус возвратов «Рассматриваемый» и активируйте предупреждение об ограниченном количестве товаров на складе. Остальные параметры на вкладке «Опции» оставьте неизменными.
  5. Загрузите логотип и фавикон магазина.
  6. Вкладку «Почта» можно пропустить при первоначальной настройке магазина. Если на адрес, указанный в контактах, не будут приходить письма, отправленные через форму на сайте, то нужно будет изменить протокол на SMTP. Настройки для подключения к SMTP-серверу можно узнать у почтового провайдера.
  7. Включите ЧПУ. Чтобы настройка заработала, найдите в папке с файлами движка htaccess.txt и переименуйте его в .htaccess. Это актуально только для русскоязычной сборки OpenCart. В международной версии для включения ЧПУ понадобится модуль SEO PRO или аналогичные расширения. После включения ЧПУ убедитесь, что из адресов страниц пропала лишняя информация — теперь в них только домен и заголовок страницы. На вкладке «Сервер» также можно настроить SSL-сертификат и сжатие для оптимизации сайта. Другие параметры пока не трогайте.

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

Изменение внешнего вида магазина

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

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

Скачайте понравившуюся тему на компьютер. Распакуйте архив, перенесите его содержимое на хостинг через подключение по FTP или с помощь. файлового менеджера. Каталог с темой должен располагаться в корневой директории проекта.

Чтобы установить шаблон:

  1. В панели администратора OpenCart разверните меню «Система» и откройте раздел «Настройки».
  2. Рядом с созданным магазином нажмите на иконку редактирования.
  3. В поле «Тема» выберите добавленный шаблон.
  4. Нажмите на иконку в виде дискеты для сохранения изменений.
  5. Откройте пользовательскую часть сайта, чтобы проверить, изменилось ли оформление.

Темы оформления также можно загружать через меню «Модули / Расширения». Оно предназначено для инсталляции дополнений, расширяющих функциональность OpenCart.

Работа с модулями OpenCart

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

Настройка базовых модулей

Раскройте меню «Модули / Расширения» и перейдите в одноимённый раздел. Вы увидите предустановленные модули. Если отображается что-то другое, выберите пункт «Модули» из выпадающего списка.

В качестве примера добавим блок с информацией об акциях в магазине.

  1. Для включения модуля нажмите на плюс рядом с ним.
  2. Откройте меню «Дизайн» — «Макеты». Найдите макет, который хотите изменить. Например, Category — он применяется на страницах категорий.
  3. Нажмите на значок плюса, чтобы добавить модуль в макет. Можно вставить его в левой или правой колонке, сверху или снизу. В выпадающем списке выберите модуль «Акция».
  4. Сохраните изменения, перейдите на сайт и откройте страницу категории. В указанном месте будет блок с акциями.

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

Установка дополнительных модулей

Стандартных модулей не хватит для создания хорошего магазина. Чтобы у страниц были высокие позиции в поисковиках, а пользователям было удобно совершать покупки, нужны расширения. Модули можно скачать из каталога Опенкарта или со сторонних ресурсов. Чтобы установить дополнения, откройте раздел «Установка расширений». Нажмите «Загрузить файл», затем укажите путь к скачанному архиву дополнения.

Для поисковой оптимизации сайта используйте платные расширения SEO Pro, All in One SEO for OpenCart. Они предлагают комплексный подход к настройке SEO. Если бюджет ограничен, можно заменить мощные инструменты бесплатными аналогами. Разница в том, что они решают меньше задач, поэтому вам придётся поставить вместо одного расширения сразу несколько.

Минимальный набор бесплатных модулей для SEO:

  • Seo Friendly Urls — создание читаемых адресов страниц. Он нужен только для стандартной версии OpenCart, на русскоязычной сборке необходимые функции предустановлены.
  • Simple SEO — редактирование мета-тегов страниц: заголовка, описания, ключевых слов. В русскоязычной сборке эти возможности также предустановлены.
  • SEO Facebook OpenGraph Tags — создание расширенных сниппетов страниц для соцсетей.
  • Yandex Sitemap — управление XML-картой.

К сожалению, не все функции можно получить бесплатно. Например, если вам нужен подробный сниппет с описанием товара, сделанный с помощью микроразметки, то придётся покупать плагин SEO Rich Snippets или аналогичные модули. Бесплатный Google Rich Snippets совместим только со старыми версиями движка.

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

Хороший тон для магазина — поддержка онлайн-оплаты. Для её реализации можно установить Яндекс.Кассу, Robokassa и расширения других платёжных систем.

Кроме того, подумайте о безопасности сайта. Защитить панель администратора от взлома поможет бесплатный модуль Simple Login Security. Для решения этой задачи есть также платные инструменты — Admin Rename и Admin Key. От злоумышленников защитит бесплатное расширение Sapphire FREE или платный модуль OpenCart Total Security.

Настройка резервного копирования

У OpenCart есть встроенная система сохранения бэкапов. Единственный её минус — всё нужно делать вручную.

  1. Откройте меню «Система» в панели администратора и перейдите в меню «Обслуживание». Выберите функцию «Бэкап/Восстановление».
  2. На вкладке «Бэкап» выберите, какие данные нужно сохранить.По умолчанию выделены все файлы.
  3. Нажмите на кнопку «Экспорт». Копия сохранится на жёстком диске.
  4. Чтобы восстановить данные из резервной копии, откройте вкладку «Восстановление», нажмите «Импорт» и укажите путь к бэкапу.

Чтобы точно не потерять данные сайта, настройте автоматическое создание бэкапов. Для этого потребуются платные расширения. Например, модуль Backup / Restore Plus создаёт бэкапы по требованию и по расписанию, а плагин OpenCart BackUp to Google Drive отправляет бэкапы не на жёсткий диск, а на Google Drive.

Подключение к системе аналитики

Ещё один важный момент в работе интернет-магазина — аналитика. Можно пользоваться встроенными возможностями движка, но гораздо эффективнее подключить стандартные инструменты аналитики от Google и Яндекса.

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

  1. Откройте раздел «Модули / Расширения» — «Модули / Расширения».
  2. В строке «Тип расширения» выберите пункт «Аналитика».
  3. Активируйте расширение Google Analytics.
  4. Откройте плагин для редактирования и вставьте код Google Analytics.
  5. Походите по страницам, а затем перейдите в кабинет Google Analytics. В статистике должно быть отмечено посещение сайта.

Счётчик Яндекс.Метрики подключается аналогичным образом. Вам нужно скопировать его код и вставить в поле Google Analytics.

Для подключения сайта к Google Search Console и Яндекс.Вебмастеру зарегистрируйтесь на указанных сервисах и выберите подтверждение прав через файл. Скачайте предложенный HTML и закиньте его в корневую папку сайта. Затем кликните по ссылке, предложенной в личном кабинете на сервисе для вебмастеров. Нажмите на кнопку «Проверить», чтобы пройти верификацию.

Настройка каталога

Прежде всего нужно создать иерархию. У интернет-магазинов она обычно выглядит так: «Категория» — «Подкатегория» — «Товар». Например, «Наушники» — «Беспроводные наушники» — «Модель».

  1. В разделе «Каталог» откройте «Категории».
  2. Выберите категорию для изменения или создайте новую.
  3. На вкладке «Общие» впишите имя и описание категории, а также заполните мета-теги (заголовок, описание, ключевые фразы). В описание можно вставлять изображения и видеоролики, форматировать текст. Эта информация отображается на странице, её могут прочитать посетители сайта. Мета-теги — техническая информация для поисковых роботов. По ним они определяют, какой контент размещён на странице.
  4. Перейдите на вкладку «Данные» и поставьте отметку «Показывать в главном меню», чтобы ссылка на категорию отображалась на панели навигации. Здесь же можно выбрать другое изображение категории.
  5. Если хотите вручную прописать адрес категории, перейдите на вкладку «SEO».

Подкатегории создаются аналогичным образом. Единственное отличие — в «Данных» нужно выбрать родительскую категорию. Например, если вы делаете подкатегорию «Беспроводные наушники», то родителем для неё будут «Наушники».

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

Добавление товаров

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

  1. Перейдите в редактор товара.
  2. На вкладке «Основное» напишите название и описание. Заполните мета-теги для поисковых машин и теги для навигации пользователей по сайту.
  3. На вкладке «Данные» заполните подробные сведения о товаре: модель, артикул, коды, стоимость, налог, дату поступления, размеры, вес, единицу измерения и т.д.
  4. На вкладке «Связи» укажите название производителя и отметьте категории, в которых товар должен отображаться. Здесь же можно привязать рекомендации.
  5. На вкладке «Атрибуты» укажите важные характеристики товара. Например, модель процессора, диагональ экрана.
  6. На вкладке «Опции» укажите особенности: цвет, размер, текстуру. Через эти характеристики добавляется ассортимент одного и того же товара. Покупатель может менять опции, не выходя их карточки.
  7. Добавьте условия получения скидки и участия в акции на соответствующих вкладках.
  8. Загрузите основное и дополнительные изображения товара.
  9. Настройте систему поощрений — укажите, сколько бонусов покупатель получит при покупке товара.
  10. Задайте читаемый URL на вкладке SEO.
  11. Выберите макет карточки товара на вкладке «Дизайн».
  12. Сохраните изменения, чтобы карточка отобразилась в каталоге.

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

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

Вывод

Создать и настроить интернет-магазин на OpenCart можно за один день. Больше всего времени займёт наполнение каталога товарами. Базовая функциональность позволяет делать это вручную, но с помощью расширений процесс можно значительно ускорить.

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

Ещё один важный плюс OpenCart — бесплатная лицензия. Вы можете создать первый магазин с минимальными вложениями, заплатив только за хостинг и домен. Скорее всего, затем придётся платить за более мощные модули или премиум-шаблоны. Но на старте можно обойтись небольшим бюджетом и получить полноценную площадку для торговли в интернете.

Читайте также: Примеры сайтов на OpenCart

  • Автор:

no avatar