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

WordPress – проверенная миллионами пользователей CMS с доказанной эффективностью. Авторитет и полезность системы ни у кого не вызывает сомнения. Можно делать практически любые сайты благодаря богатому набору всевозможных плагинов, большинство которых ещё и бесплатные, как и сама CMS. Неудивительно, что за 15 лет движок собрал огромную армию поклонников по всему миру и заслуженно занял первое место по популярности. Создание магазинов на WordPress наравне с другими типами сайтов – крайне востребованная тема. Лучшая CMS для старта продаж товаров в Интернете. Требуется лишь хоть какой-то навык работы с ней.

Помимо движка, магазину потребуется и хостинг. Разработчики WordPress.org и WooCommerce.com официально рекомендуют использовать услуги хостинга Bluehost – одного из самых крупных провайдеров мира со штаб-квартирой в США. Хостер располагает массивом из более чем 120 дата-центров по всему миру, обеспечивает беспрецедентную надёжность, стабильность, а также скорость соединения благодаря технологии CloudFlare CDN. Стоимость тарифов обычная, условия щедрые. Абузоустойчивость гарантирована. Защита от DDoS надёжная. Поддерживаются все мыслимые хостинговые технологии. Bluehost.com – лучший хостинг для размещения интернет-магазина на базе WordPress, проверено.

Оптимизированный хостинг для интернет-магазина на WooCommerce:

Хостинг для WooCommerce

Давайте перейдём теперь к детальной инструкции по созданию магазина на WordPress с помощью WooCommerce.

 

Установка WooCommerce

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

WooCommerce устанавливается на WordPress так же, как и любой другой плагин. Скачать бесплатно последнюю версию плагина можно с официального сайта разработчиков (в своем аккаунте, после регистрации):

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

Есть и более простой способ установить плагин для электронной коммерции – использовать встроенный в админку каталог плагинов 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. Базовая функциональность WooCommerce позволяет создать магазин за несколько часов, но для нормальной работы требуется дополнительная настройка и другие плагины.

Создать магазин на WP + Bluehost
установка CMS в 1-клик на хостинг ↵

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

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