logo

Создание WEB сайтов/

Пошаговое руководство по созданию сайтов на CMS .

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

Интернет-магазин на OpenCart: пошаговая инструкция. Часть-1

Почему стоит работать с OpenCart

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

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

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

Распространяется свободно. Зачем платить за лицензию, если существуют бесплатные качественные CMS?
Простая и интуитивно понятная административная панель, чтобы можно было в ней легко разобраться.
Встроенная система мониторинга продаж, чтобы при каждом входе в админку видеть кое что полезное. Остальные показатели эффективности можно отслеживать с помощью «Яндекс.Метрики» или Google Analytics.
Возможности кастомизации и расширения функциональности с помощью готовых бесплатных шаблонов, модулей и плагинов. На начальном этапе интернет-торговцу не выгодно тратить деньги на оплату труда дизайнеров и веб-разработчиков.
SEO-дружественность. Русская сборка CMS OpenCart поддерживает функцию ЧПУ (человеко-понятный или семантический URL. Состоит из понятных слов вместо идентификаторов и отражает файловую структуру сайта). А с помощью дополнительных расширений и настроек движок можно привести в соответствие с требованиями поисковиков для продвижения сайта.
Безопасность. С помощью платежных модулей и модулей безопасности можно защитить покупателей.

Все это умеет CMS OpenCart. Ниже вы видите инструкцию создания интернет-магазина OpenCart по шагам.

Оглавление:

Интернет-магазин на OpenCart: пошаговая инструкция. Часть-1

Шаг 1: устанавливаем OpenCart
Шаг 2: настраиваем CMS OpenCart
            Как выбрать и установить шаблон OpenCart
            Как русифицировать CMS OpenCart
            Как выбрать оптимальные базовые настройки CMS OpenCart

Интернет-магазин на OpenCart: пошаговая инструкция. Часть-2

Шаг 3: расширяем функциональность CMS OpenCart с помощью модулей
           Как работать с базовыми модулями OpenCart
           Как расширить функциональность OpenCart с помощью дополнительных модулей
           Как подключить сайт к системам аналитики и мониторинга

Интернет-магазин на OpenCart: пошаговая инструкция. Часть-3

Шаг 4: редактируем контент сайта
           Как создать иерархию сайта и отредактировать меню
           Как публиковать заметки и заполнять карточки товаров
Шаг 5: отслеживаем продажи
          Создание интернет-магазина на CMS OpenCart: стоит ли игра свеч

 Шаг 1: устанавливаем OpenCart

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

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

OpenCart. Укажите необходимые данные: протокол соединения, URL, название и описание сайта.

OpenCart. Укажите необходимые данные: протокол соединения, URL, название и описание сайта.

OpenCart.  Укажите данные доступа к административной панели.

OpenCart. Укажите данные доступа к административной панели.

Данные доступа к административной панели OpenCart

Указываем данные доступа в админку

Если выбрали хостинг без поддержки автоматической установки CMS, сделайте следующее:

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

В кабинете управления хостингом создайте новый домен с одноимённым именем купленного домена.
Создайте базу данных: укажите её название, придумайте для неё логин и пароль.
Загрузите архив в папку с названием этого домена, либо через ваш хостинг, либо с помощью FTP-клиента, например FileZilla. Данные для доступа к серверу через FTP получите у хостинг-провайдера.
Распакуйте файлы в папке домена.
Введите URL вашего сайта в адресную строку браузера.
Примите лицензионное соглашение, укажите данные доступа к базе данных: имя пользователя базы данных; название базы данных; и пароль к базе данных.
Задайте логин и пароль для входа в админку сайта и установите CMS.

Если Вы сделали всё правильно, ваш сайт будет доступен по URL вашего домена. Чтобы войти в административную панель сайта, добавьте в адресной строке браузера admin через слеш, например http://ваш домен/admin/.

CMS OpenCart установлена

CMS OpenCart установлена

Шаг 2: настраиваем CMS OpenCart

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

Как выбрать и установить шаблон OpenCart
Выбрать шаблон можно в официальном каталоге, либо на сайтах разработчиков и сторонних ресурсах. Для поиска по англоязычным ресурсам воспользуйтесь запросом «opencart themes». При необходимости добавьте характеристики нужной вам темы: adaptive, free, responsive.

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

OpenCart. Выбираем бесплатную тему с высоким рейтингом

Выбираем бесплатную тему с высоким рейтингом

Выбирайте тему с адаптивной версткой. Это решает проблему адаптации ресурса к мобильному трафику. В англоязычных каталогах такие темы обычно помечены тегами responsive, adaptive, mobile-friendly.

Чтобы установить тему, сначала скачайте архив с дистрибутивом на свой компьютер. Разархивируйте дистрибутив и загрузите его на сервер с помощью FTP-клиента, например, FileZilla. Папку с файлами темы загрузите в корневой каталог сайта на сервере.

OpenCart. Загружаем шаблон на сервер

Загружаем шаблон на сервер

Войдите в меню System – Settings. Нажмите иконку редактирования рядом с названием магазина.

OpenCart. Входим в меню редактирования магазина

Входим в меню редактирования магазина

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

OpenCart. Выбираем нужный шаблон

Выбираем нужный шаблон

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

OpenCart. Сохраняем изменения

Сохраняем изменения

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

Как русифицировать CMS OpenCart
Есть 2 варианта русификации OpenCart. Взять готовую русскую сборку, либо международную сборку, с последующей русификацией. Первый вариант более удобен, второй не так уж сложен, если воспользоваться инструкцией.

Чтобы русифицировать магазин на OpenCart, скачайте с официального каталога пакет русификации. Далее разархивируйте его. С помощью FTP-клиента загрузите папки русификации на сервер. Поместите пакет из папки Admin – Language – Russian в папку Admin – Language на сервере. Папку Catalog – Language – Russian поместите в папку Catalog – Language на сервере.

OpenCart. Загружаем русификатор на сервер

Загружаем русификатор на сервер

В административной консоли выберите меню System – Localization – Languages. Нажмите иконку со знаком «+».

OpenCart. Входим в меню редактирования языков

Входим в меню редактирования языков

В выпадающем меню выберите русский язык. В поле Locale укажите значение ru_ru.UTF-8,ru_ru,ru-ru,russian. Сохраните изменения.

OpenCart. Включаем русский язык

OpenCart. Включаем русский язык

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

OpenCart. Выбираем языковые настройки интернет-магазина

OpenCart. Выбираем языковые настройки интернет-магазина

Если все сделано верно, язык административной панели изменится на русский. А на сайте появится меню выбора языков.

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

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

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

Как выбрать оптимальные базовые настройки CMS OpenCart
Войдите в режим редактирования интернет-магазина. Для этого в админке выберите меню «Система – Настройки», после этого войдите в меню редактирования магазина. На вкладке «Основное» укажите Title, Description, по желанию Keywords.

OpenCart. Указываем метаданные

OpenCart. Указываем метаданные

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

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

Выберите подходящие настройки на вкладке «Опции». Обратите внимание на следующие пункты:

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

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

OpenCart. Меняем логотип и favicone

OpenCart. Меняем логотип и favicone

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

OpenCart. Письма доходят без изменения протоколаOpenCart. Письма доходят без изменения протокола 

На вкладке «Сервер» включите ЧПУ. Для этого сначала переименуйте на сервере файл htaccess.txt в .htaccess. С помощью FileZilla найдите файл в корневом каталоге сайта и измените название.

Обратите внимание, что такая настройка ЧПУ корректно работает только в русской сборке CMS OpenCart. При использовании международной версии вам потребуется отдельное расширение – модуль SEO PRO или аналогичный. Об установке модулей будет рассказано немного позже.

OpenCart. Меняем название файла

OpenCart. Меняем название файла

Отметьте галочкой соответствующий пункт в административной панели.

OpenCart. Включаем ЧПУ

OpenCart. Включаем ЧПУ

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

OpenCart. Недружественные к пользователям и поисковым системам URL

OpenCart. Недружественные к пользователям и поисковым системам URL

Если все сделано верно, URL будет выглядеть так (см. иллюстрацию).

OpenCart. ЧПУ и SEO-дружественный URL

OpenCart. ЧПУ и SEO-дружественный URL

На вкладке «Сервер» также включите поддержку SSL-сертификата и GZIP-сжатие. Другие настройки можно не менять.

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

OpenCart. Входим в меню «Система - Пользователи» и добавляем нового пользователя

OpenCart. Входим в меню «Система - Пользователи» и добавляем нового пользователя

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

 

OpenCart. Назначаем администратора

После выбора базовых настроек уделите внимание модулям OpenCart.OpenCart. Назначаем администратора

Перейти к статье:  Интернет-магазин на OpenCart: пошаговая инструкция. Часть-2

Перейти к статье:  Интернет-магазин на OpenCart: пошаговая инструкция. Часть-3

ОБУЧАЮЩИЕ КУРСЫ

Популярные практические платные курсы для обучения.

Photoshop для детей

Первый обучающий курс по Adobe Photoshop для детей от 8 до 15 лет.

Первая фотокамера

Полный курс по основам фотосъёмки на профессиональную камеру

Супер Premiere Pro

Полный обучающий курс по монтажу видео в программе Premiere Pro

Photoshop с нуля 2021

Изучения фотошопа, без посещения дорогих курсов и метода тыка!

КОНТАКТЫ НАШЕГО САЙТА

Хотите задать вопрос? Свяжитесь с нами с помощью формы обратной связи. Мы будем рады помочь Вам.

Форма контакта:  отправить сообшение

ПОСЕЩАЕМОСТЬ САЙТА

Яндекс.Метрика

 

Партнерские программы - интернет-бизнес который без них просто не смог бы получить своё развитие в разных темпах.