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

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

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

1. Пример, как добавить новый товар на Woocommerce:

2. После нажатия на функцию «добавить товар», открывается форма заполнения карточки товара. Здесь надо заполнить поля с необходимой информацией. УРЛ товара лучше писать на латинице для СЕО-оптимизации интернет магазина. Для этого пригодится плагин Rus-to-lat, он будет автоматически транслитерировать название товара на латиницу, создавать адрес и экономить наше время. Лучше сразу определится, что мы хотим указывать в карточке, чтобы потом сто раз не возвращаться сюда и не переделывать. Также в форме есть два поля для описания товара. Верхнее поле предназначено для детального описания и на сайте будет отображаться под изображением товара. Если нам нужно описание сбоку (левый, правый бок), необходимо заполнить нижнее поле, которое находится под настройками характеристик товара. Также важно не забывать оптимизировать фото товара для Web-просмотра. В интернет-магазинах, где много товара, это особенно важно по двум причинам:
  1. Страница с «тяжелыми фото» долго грузится, падает в позициях поиска.
  2. Такие изображения занимают много места и попросту могут не вместится на нашем хостинге.

Я в таких случаях использую фотошоп: сохранить изображение для WEB — формат jpeg — процент качества 20 процентов. 

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

  1. Пользоваться специальным мега-крутым редактором WOOB, который не будет грузить сервер и дает возможность одновременно работать нескольким человекам. Кроме того, он снимает все вопросы по массовому редактированию товара. Только благодаря ему я почувствовал, что на woocommerce можно работать а не страдать.
  2. Взять нормальную тему для магазина. Это вообще должно происходить в первую очередь. Иначе лучше сразу удалите магазин с хостинга. У вас не будет продаж через:
  • Ужасно медленную загрузку страниц. На мобилках вообще дикий ужас будет.
  • Никудышние фильтры товара по атрибутам (размер, цвет, и так далее).
  • Кривой код
  • Невозможность нормально отредактировать дизан, который на первый взгляд вроде ничего, но после пару дней юзания замечаешь, какой он корявый.

У меня такое было. Купил тему Bege на evantomarket и спустя месяц долгой настройки понял, что лоханулся. Повелся на цену в 25 дол. Потом все таки купил за 75 и ни капли не жалею. Лучше покупайте на Template Monster. Тогда можно будет с легкой душей работать. Темы автоматом обновляются и постоянно улучшаются в плане скорости и адаптации.

Ниже скриншот: где сделать описание, указать категорию, добавить изображение, поставить цену товара на Woocommerce:

3. Если наш товар имеет несколько вариантов по цвету, размерам, весу, комплектации, —  плагин Woocommerce дает возможность добавить все эти «атрибуты», а потом создать варианты товара с отдельной ценой, параметрами, а также изображением. Еще по атрибутам создают фильтр товара. В форме заполнения карточки товара есть опции добавить атрибут и добавить вариант товара. Вариант товара не создастся, пока мы не добавим нужный нам атрибут (цвет, размер и т.д.). В вариантах атрибутов будут указаны те атрибуты, которые мы создали раньше в разделе товар-атрибуты-добавить атрибут-редактировать атрибут.
4. После создания нового атрибута (цвет, размер или другое), надо нажать на редактирование этого атрибута и добавить все его варианты. Только после их добавления, эти атрибуты станут отображаться в атрибутах заполнения карточки товара.
Как добавить новый атрибут для вариантов товара: цвет, размер, вес, прочее:
5.  При создании нового варианта товара с новыми параметрами, мы выбираем в форме заполнения карточки товара (открывается после нажатия добавить товар) опцию варианты товара, сначала нажимаем атрибуты, добавляем все необходимые, ставим птичку в разделе применять для вариантов товара. Далее кликаем на варианты товара, потом кликаем добавить вариант.
Скриншот, как добавить варианты товара на Woocommerce:
6. После добавления нового варианта, нам доступна его детальная настройка.
Ниже показано поле, где можно настроить варианты товара на Woocommerce: добавить изображение варианта товара, поставить новую цену, размер и прочее:
7. Для того, чтобы точно настроить Woocommerce, переходим в раздел Woocommerceнастройки. Тут надо выбрать страну продаж, валюту, способы доставки и оплаты, указывать или не указывать НДС. Кроме этого, в разделе настройкитовар — дисплей есть возможность настроить параметры, как будет отображаться на сайте фото товара, особенно на странице «магазин» (показывать только товар, показывать категории и товар, показывать только категории). В самом низу этого раздела находятся параметры обрезки фото, где мы указываем ширину и высоту обрезки файлов после заливки на сайт. Такие параметры размера изображений на сайте действуют только для новых файлов. Старые остаются прежних размеров и после изменения параметров обрезки — они не изменяются. Чтоб подогнать все ранее загруженные файлы под новый заданный размер, надо воспользоваться плагином RegenerateThumbnails. Он перезапишет все файлы под новый параметр, который задан в разделе настройкитовар — дисплей. В пункте  настройкитовар — инвентарь можно настроить извещения о наличии товара и частоту таких извещений, а если вы продаете интеллектуальный товар (видео-уроки, электронные книги, лекции, инструкции), тогда есть возможность настроить опции доступа к скачиванию. В разделе оплата указывают формы оплаты ( наличкой при доставке, прямой банковский перевод, PayPal, другое).

Стоит заметить, что плагин Woocommerce функционирует на английском. Для его перевода необходимо также загрузить плагин автоматического перевода Saphali woocommerce russian. Так будет легче разобраться что и где находится. Для перевода на другие языки надо загрузить плагин Loco Translate — более точный, но ручной переводчик. Этот плагин очень важен, поскольку Woocommerce может отображать на сайте много надписей на английском, что не очень приятно и не очень понятно покупателю. Как переводить тексты таким плагином я написал в статье Вариант создания интернет-магазина на WordPress.

Хочу заметить, что кнопки под товаром»поделится в социальных сетях» по умолчанию в плагине Woocommerce создаются черными и некрасивыми. Для решения вопроса, можно их отключить и воспользоваться кнопками от плагина Super Socializer.

Также недавно начал работать с темой для woocommerce — woodmart. Мега крутая тема.