Создание интернет-магазина на WooCommerce - uGuide.ru

Создание интернет-магазина на WooCommerce

  • Обновлено:
    31.01.2019
  • Просмотры:
    300
  • Отзывы:
    0
WooCommerce — одна из самых популярных систем электронной коммерции, которая представляет собой бесплатный плагин для WordPress. Управление расширением не требует специальных навыков, а его гибкость позволяет создавать проекты разного типа и размера — от небольших магазинов до крупных площадок с тысячами товаров.

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

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

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

 

Установка WooCommerce

Самый простой способ установить расширение для электронной коммерции — использовать встроенный каталог плагинов WordPress.

  1. Откройте в панели администратора раздел «Плагины».
  2. Нажмите «Добавить новый».
  3. Найдите в списке WooCommerce. Установите его и активируйте.

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

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

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

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


 

Работа с дизайном сайта

Для нормальной работы магазина требуется магазинный шаблон, который полностью совместим с WooCommerce. Проблем точно не возникнет со стандартным шаблоном плагина, который называется Storefront. Другие варианты оформления сайта можно найти в каталоге тем WordPress по запросу «WooCommerce». Другие источники шаблонов (такие как TemplateMonster) тоже доступны для использования — главное, чтобы они были проверенными, всё-таки речь идёт о магазине, через который проходят платежи и личные данные пользователей.

Темы для WooCommerce предлагают примерно те же настройки, что и стандартные шаблоны WordPress. В них тоже можно изменить логотип, включить/выключить шапку, подвал и меню, выбрать, какая страница будет отображаться в качестве главной. Некоторые темы сразу показывают список рекомендуемых плагинов, которые нужны для полного раскрытия потенциала. Устанавливать их никто не заставляет — можно использовать стандартные возможности шаблона или выбрать другой вариант. Если есть навыки вёрстки, можно изменить внешний вид и функциональность темы, отредактировав её файлы.


 

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

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

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

Для загрузки новой позиции на сайт в разделе «Товары» есть кнопка «Добавить». После нажатия на неё появляется стандартный редактор WordPress — в пятой версии движка это блочный Gutenberg. Вам нужно:

  1. Указать название товара и его постоянную ссылку (сформируется автоматически, можно исправить).
  2. Добавить описание.
  3. Выбрать категорию.
  4. Заполнить данные о товаре: базовую цену, стоимость при распродаже, продолжительность акции (если она есть), статус налога, налоговый класс.
  5. Включить автоматическое отображение остатков..
  6. Выбрать способы  доставки.
  7. Отрегулировать список сопутствующих товаров.
  8. Указать дополнительную информацию: цвет, размер, другие особенности во вкладке «Атрибуты».

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

Для массовой загрузки товаров можно использовать встроенные инструменты экспорта/импорта, но гораздо эффективнее установить плагин WP All Import с дополнением для WooCommerce. Если позиций немного, то можно обойтись ручным добавлением.


 

Настройка плагина

Мы установили плагин, убедились в том, что шаблон сайта с ним совместим, добавили несколько тестовых товаров. Теперь приступаем к работе с расширенными настройками. В них можно:

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

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

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

Ещё один важный момент — добавление удобных способов оплаты. WooCommerce направлен на западный рынок, поэтому среди стандартных систем нет предложений, адаптированных под рунет. Для их добавления нужно подключить подходящий сервис — например, Wallet One, Яндекс.Касса, PayOnline. После их подключения следует инсталлировать и сделать активным расширение «Единая касса».

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


 

Оптимизация и продвижение магазина

В стандартной комплектации WordPress и WooCommerce мало возможностей для SEO-оптимизации, поэтому нужно обязательно установить плагин. Самый распространённый вариант — All In One SEO Pack с дополнением для WooCommerce, которое добавляет блок с метаданными на странички товаров. В них нужно обязательно заполнять название и описание — эту информацию будут учитывать поисковики.

Базовая настройка WordPress подразумевает включение ЧПУ. Однако в магазине на WooCommerce в URL будет добавлен префикс product. Самый простой способ убрать его — использовать платное расширение Perfect SEO URL за $119 или бесплатный Permalink Manager Lite. Но его минус в том, что изменения будут применены только к тем товарам, которые добавлены после настройки ссылок. Ранее загруженные позиции придётся редактировать вручную, поэтому мы советуем не торопиться с наполнением магазина.

После активации Permalink ссылка на его параметры отобразится в разделе «Инструменты». На вкладке Permastructures вам нужно найти поле «Товары» и вставить в него структуру подходящую структуру адреса — %product_cat%.

Следующий важный элемент оптимизации и продвижения — настройка метаданных для публикации ссылок в соцсетях. При использовании All In One SEO Pack для этого достаточно включить в настройках плагина дополнение «Социальные мета». В параметрах аддона можно также отрегулировать сниппеты для отдельных соцсетей.

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


 

Выводы

Почему WooCommerce так популярен, понять нетрудно. Плагин можно установить бесплатно на WordPress — одну их самых простых в освоении CMS. Базовая функциональность WooCommerce позволяет создать магазин за несколько часов, но для нормальной работы требуется дополнительная настройка и другие плагины.

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

Решением проблемы для владельцев малого и среднего бизнеса могут стать конструкторы сайтов. Они предлагают «из коробки» те же возможности, что и WooCommerce, так что администратору остаётся только добавить товары и настроить способы оплаты и доставки.

  • Автор:

no avatar