W
Shopdev Wiki
Инструкция владельца сайта

Работа с интернет-магазином на OpenCart 3

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

Shopdev Wiki Инструкция для владельца
Инструкция по работе с OpenCart 3

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

Весь процесс работы можно условно разделить на три основных этапа:

  1. Заполнение общей информации о магазине, информационных разделов, слайдеров и баннеров.
  2. Создание каталога и заполнение карточек товаров.
  3. Работа с заказами, покупателями, отчетами и маркетингом.

Важные правила работы

⚠ Важно
Несоблюдение этих правил может привести к проблемам с отображением сайта, структурой файлов или наполнением каталога.

Названия папок и файлов

Когда вы работаете через Менеджер изображений или через FTP, папки и файлы необходимо правильно называть.

Допускается использовать только латиницу. Не используйте пробелы и специальные символы. Разрешены: - и _.

✓ Как надо Ventelyator_otopitelya_centrobejni
✕ Как не надо Вентилятор отопителя центробежный

Например, папку «Товары на акции» можно назвать:

tovari_na_akcii или tovari-na-akcii

Работа с текстом

Не копируйте текст напрямую с другого сайта
При прямом копировании вместе с текстом могут перенестись чужие стили, форматирование и лишний HTML-код.

Если вы нашли описание товара на другом сайте, сначала скопируйте текст в обычный Блокнот.

Блокнот очистит исходное форматирование. После этого скопируйте очищенный текст в редактор OpenCart.

Подготовка изображений

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

1. Сжатие изображений

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

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

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

Важно понимать

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

2. Размер, форма и ориентация

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

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

Оптимальный ориентир: 1000 × 1000 px.

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

Главное правило — все товары внутри одного каталога должны иметь одинаковую ориентацию.

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

Фон фотографий

Наиболее универсальный вариант — белый фон.

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

Рекомендуемая схема
  • Одна ориентация для всего каталога.
  • Одинаковый принцип оформления фона.
  • Оптимальный размер около 1000 × 1000 px.
  • Перед загрузкой — предварительное сжатие.

3. Папки для изображений

Рекомендуется создавать структуру папок, соответствующую структуре каталога.

Например:

katalog / zapchasti / dvigatel / ventilatory / tovary

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

4. Пакетная обработка фотографий

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

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

Онлайн-инструмент

iLoveIMG

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

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

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

Редактор текста и изображений Summernote

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

Редактор Summernote
1
Жирный текст
Используется для выделения важных фрагментов.
2
Подчеркивание
Добавление подчеркивания к тексту.
3
Удаление стилей
Используйте для очистки текста от лишнего форматирования.
4
Шрифт
Выбор шрифта текста.
5
Размер текста
Выбор размера текста.
6
Цвет и выравнивание
Выбор цвета текста, заливки и способа выравнивания.
7
Таблица
Добавление таблиц.
8
Ссылка
Добавление ссылок.
9
Изображение
Добавление изображения.
10
Видео
Добавление видео с YouTube.

Этап 1. Общая информация о магазине

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

Контакты и общая информация
Система → Настройки → Редактировать → Магазин

Здесь заполняется основная информация о магазине.

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

Логотип и favicon
Система → Настройки → Редактировать → Изображения

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

E-mail оповещения
Система → Настройки → Редактировать → Почта

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

Информационные разделы
Каталог → Информационные разделы
Новости
Каталог → Новости
Вопросы и ответы
Каталог → Вопросы и ответы
Бренды / производители
Каталог → Бренды
Слайдеры и баннеры
Дизайн → Баннеры → Редактировать

Этап 2. Создание каталога и товаров

Создание категорий
Каталог → Категории → Редактировать

Во вкладке «Общие» заполняются:

  • название категории;
  • описание;
  • SEO Title;
  • SEO Description.

Во вкладке «Данные» указывается родительская категория.

Если родительская категория не указана, категория считается главной. Если указана — создается подкатегория.

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

Создание товаров
Каталог → Товары → Редактировать

Карточка товара состоит из нескольких основных вкладок.

Общие

  • название товара;
  • описание;
  • SEO Title;
  • SEO Description.

Данные

  • код товара;
  • цена;
  • количество на складе;
  • статус;
  • порядок сортировки;
  • стикеры.

Связи

  • бренд;
  • главная категория;
  • дополнительные категории;
  • товарные блоки.

Опции фильтра

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

Характеристики

Здесь указываются характеристики и атрибуты товара.

Акции

Здесь добавляется акционная цена.

Изображения

Здесь загружается основная фотография товара и дополнительные изображения.

Создание характеристик
Каталог → Характеристики → Характеристики → Редактировать

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

Создание брендов
Каталог → Бренды → Редактировать
Создание фильтров
Каталог → Фильтры → Добавить

Во вкладке «Основное» задаются:

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

Во вкладке «Значения» указываются значения фильтра.

Этап 3. Заказы, покупатели и маркетинг

1
Заказы из корзины
Продажи → Заказы

Здесь находятся заказы, оформленные покупателями через корзину.

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

2
Сообщения с форм сайта
Продажи → Сообщения

Здесь могут находиться данные из различных форм сайта: «Купить в 1 клик», обратный звонок, подписка и другие формы.

3
Зарегистрированные клиенты
Покупатели → Покупатели
4
Купоны и промокоды
Маркетинг → Купоны
5
Рассылки
Маркетинг → Почта
6
Брошенные корзины
Расширения → Расширения → Модули → Простая регистрация и заказ Simple → Редактировать

В верхнем левом углу находится значок «Брошенные корзины».

7
Отчеты
Отчеты → Отчеты

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

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

Почтовые настройки

Важно для получения писем

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

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

Как добавить контакт

  1. Откройте приложение «Контакты» на ПК, телефоне или планшете Android.
  2. Нажмите «Добавить».
  3. Введите имя и основной адрес электронной почты.
  4. Выберите аккаунт, в котором необходимо сохранить контакт.
  5. Нажмите «Сохранить».
Совет
Используйте один основной адрес электронной почты последовательно: в настройках магазина, в контактных данных и в рабочих почтовых системах.

Дополнительные материалы

Полезные материалы для владельцев интернет-магазинов:

Как автоматизировать интернет-магазин
Подготовка картинок для интернет-магазина
Топ 5 критических ошибок владельцев
Методология успеха
Маркет-кейс для интернет-магазинов
Почему интернет-магазины становятся убыточными
Shopdev Wiki · Инструкция по работе с интернет-магазином OpenCart 3