Интернет магазин на wordpress

Я создаю интернет магазин на wordpress с помощью нескольких простых и удобных вещей:

  1. Загрузка WordPress на хостинг. Сейчас практически на любом хостинге предлагают услугу автоматической установки, особенно на ukraine.com.ua (там еще и сертификат бесплатный дают, и подключение https соединения, которое требует google, всего в один клик). Достаточно только выбрать любимую cms и подождать 10 минут, запросить сертификат (5 минут ждать), сделать переадресацию в настройках сайта с http на https  и можно приступать к настройке интернет магазина непосредственно в админке cms.
  2. Установка плагина Woocommerce для превращения сайта в магазин.
  3. Загрузка темы (я использую мультитему «Avada»). Но для простоты можно использовать тему, которую предлагает тот же плагин вукомерс — storefont, она находится в разделе меню: woocommerce>расширения. Другой вариант: внешний вид>темы — вписать название темы, загрузить и активировать. Тема бесплатна в базовых настройках. Преимущество в том, что она обновляется одновременно с плагином и тогда конфликтов, как это бывает с другими темами, не возникает.
  4. Установка плагина Loco Translate или WP Translate

Плагин Woocommerce после установки автоматически создает такие страницы:

  • оформить заказ
  • корзина
  • магазин
  • мой аккаунт

Более подробно о Темах (шаблонах) для магазина на wordpress

Тема Avada — которой я пользуюсь, резиновая. Она платная — разовая оплата 60 дол. Я взял этот конструктор (да да именно конструктор а не просто тема) потому что он дает большие возможности по настройке дизайна интернет магазина, а также страниц и категорий товара, которые создал по умолчанию плагин Woocommerce.

После установки мультитемы в админке wordpress появится несколько готовых решений для интернет магазина.

Вообще сейчас есть много красивых и функциональных шаблонов для магазинов на вордпрес+вукомерс. Бесплатные я не рассматриваю, так как после их установки надо сразу закрывать интернет магазин и ехать в деревню пасти коз. Во первых, там в 99% из 100 будут вирусы. Во вторых — никто бесплатно ничего путевого не сделает, и тем более не будет постоянно следить за шаблоном и обновлять его. Исключение — storefont. И то там в бесплатной версии только базовые функции, все остальное за деньги.

Вот два основных конкурента по созданию тем для онлайн магазинов на базе woocommerce:

  1. Evanto Market — австралийский магазин с кучей тем и плагинов. На сайте тем много, по этому лучше впишите название «woocommerce» в строку поиска, чтоб долго не искать. Там я приобрел тему Avada, а спустя некоторое время купил специальную тему под магазин — «Bege». Цены на шаблоны в среднем от 30 до 80 дол. Оплата разовая. Поддержка пол года.
  2. Templatemonster — тоже серьезный сайт с серьезными ценами — в среднем 100 — 130 дол. Но шаблоны того стоят.

Перевод магазина

Плагин Loco Translate помогает перевести меню Woocommerce (как внешнее на сайте, так и в личном кабинете WordPress) на нужный язык. Если сайт создается на русском языке, проблему с переводом можно решить инструментом Saphali woocommerce russian, после его установки меню автоматически переводится на русский. Но когда нужен украинский или другой, тогда проблему решает именно Loco Translate.

 

Этим плагином можно перевести любой раздел сайта. Для перевода нужно выбрать язык и то, что надо перевести  (вордпрес, тема, или нужный плагин). Перевод осуществляется не автоматически. Каждое слово надо переводить вручную. При этом Loco Translate создает новые «PO» файлы по каждому переведенному слову или фразе:
Как переводить смотрите на скриншоте ниже:
В теме Авада, которую я использовал для создания интернет магазина на Вордпрес, есть опции по изменению внешнего вида плагина Вукомерсе, а также включения или отключения его различных функций.

Woocommerce — превращение сайта в полноценный магазин

Плагин Woocommerce создает в меню администратора отдельный раздел, где можно заливать на сайт товар, создавать категории товара, делать описание, проверять заказы и статистику, настроить валюту продаж, систему доставки и оплаты, а также многое другое:
Корзина и страница оформления заказа с помощью этого плагина создана, как я уже писал, автоматически и хорошо настроена. Остается только внести все нужные данные по способу оплаты и доставки
Если есть необходимость создать страницу, на которой будет отображаться отдельная категория товара, нужно в странице вписать следующий код: » [Product_category category = «название-категории»]
По желанию можно также включить отображение сайдбара с нужными виджетами на отдельных страницах.
 

Заливка товара

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

Как добавить категорию товара в интернет магазине:

Категории товара можно добавить в разделе: товар-категории-добавить новую категорию. Для категорий можно ставить изображения и краткие описания. Также можно указать материнскую категорию в случае, если вы создаете подкатегорию. Указать способ отображения информации на странице новой категории (показывать товар, подкатегории или все вместе).

Фильтры товара woocommerse

Фильтры создаются с помощью виджетов, а именно виджетов filter products, которые находятся в: внешний вид-виджеты. Выбираем виджет. Перетягиваем его в соответственный раздел нужного нам сайдбара, выбираем, по какому атрибуту будет происходить фильтрация. Дело готово. Но для этого сначала надо создать такие атрибуты для каждого товара.

Создание атрибутов товара

Сначала создаем необходимые нам атрибуты (цвет, размер, толщина и так далее). То есть, создаем те параметры, по которым мы хотим настроить фильтры интернет магазина на wordpress: товар-атрибуты-новый атрибут-значения атрибута. После их добавления, переходим в редактор карточки товара и добавляем к товару:

Как добавить сайдбар на страницу интернет магазина на базе вордпрес:

  1. Меню-внешний вид-виджеты-добавить виджет в нужный сайдбар ( по умолчанию в Вордпрес будет отображаться «блог сайдбар»).
  2. Меню-страница-переходим в самый низ страницы-выбираем «сайдбар по умолчанию»- выбираем сторону отображения сайдбара (слева или справа страницы)-нажимаем «обновить».

     

 
Остается только наполнить интернет магазин товаром.
 

Оставить Комментарий