Инструкция WooCommerce: Как сделать Интернет-магазин на WordPress

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

Введение WooCommerce

Подробнее рассмотрим почему среди прочих вариантов именно этот плагин так хорошо подойдет для создания интернет-магазина. Плюсов достаточно:

• трансформировать блог в магазин крайне просто, достаточно двух щелчков мышью;
• WooCommerce является разработкой команды, создавшей сам WordPress, поэтому они максимально совместим, а магазин такой же простой и понятный в использовании;
• если вам потребуется какая-то дополнительная функция, то вы можете ее добавить также просто, как и все остальное в WordPress;
• все будет сразу переведено на русский язык;
• обновления выходят каждый месяц, вы всегда будете в тренде;
• простота в использовании;
• и все это бесплатно!

90% успех в создании магазина — выбор качественной темы

В 90% случаев при создании магазина заметна одна и та же ошибка — выбор плохой темы. В этом случае магазин получается кривой и тормозит.

Это очень важно. Большинство тем, даже платных, страдают одной из 3 проблем:

• сырой код
• слабая опциональность
• тормоза

Последствия примерно одинаковы: либо кривой сайт, либо тормоза и высокие затраты на доработку.

Мы рекомендуем для 90% случаев ряд качественных тем, которые прошли обкатку боем:

• Storefront https://wpcraft.ru/product/storefront/
• OceanWP https://wpcraft.ru/product/oceanwp/
• Astra https://wpcraft.ru/product/astra/

Интернет-магазин на WordPress: Установка и активация WooCommerce

Поскольку данный плагин не требует оплаты, найти вы его сможете в стандартном каталоге с бесплатными плагинами для WordPress. Для этого вам потребуется зайти в панель управления. Не забудьте что для этого вам потребуется ваш пароль и имя пользователя. Открыв панель управления:

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

Основные настройки WooCommerce

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

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

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

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

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

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

Настройка WooCommerce: добавление и управление товарами

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

Метки и категории созданы по аналогии с теми, что вы используете для создания сообщения в WordPress. В любое время вы можете их изменить или отредактировать — не обязательно этим заниматься сразу.

Атрибуты можно добавить сразу для всего магазина, или отдельно для товара. Используются они для упрощения поиска по товарам. Например вы можете задать два атрибута: цвет и размер. Соответственно пользователи смогут найти вещь подходящую им по одному, или сразу по обоим атрибутам.

После этого нужно определиться к какому типу будет относиться добавляемый товар. Вариантов довольно много:

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

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

• SKU (артикул) потребуется вам для администрирования товаров. Данный пункт должен быть уникальным и, при этом, отличаться от ID товара. Для простоты вы можете добавить сокращенную аббревиатуру к ID т.к. в нем используются только цифры, а в SKU могут быть и буквы.
• Основная цена
• Скидочная цена — так вы сможете устроить распродажу в какой-то конкретный период, и цена автоматически будет изменена на скидочную, а после окончания срока действия предложения цена вновь станет основной.

Настройка WooCommerce: доставка

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

Всего предлагается 3 стандартных метода:

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

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

• Яндекс.Доставка;
• Почта России;
• СДЭК.

Это далеко не полный список.

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

В разделе зоны доставки вы можете выбрать конкретный город. Например, Москва. Также вы можете ограничить доставку через определенный диапазоны индексов. Каждому городу соответствует последовательные номера индексов, поставив между ними троеточие, вы включите все числа между первым и последним индексом города. Эти данные можно легко найти в интернете.

Подробнее про доставку можно прочитать в нашей статье: Настройка доставки в магазине на базе WooCommerce

Возможности WooCommerce

При помощи WooCommerce вы можете воплотить все ваши желания в своем интернет-магазине:

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

WooCommerce: шаблоны, темы и дизайн

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

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

Можно оставить одну тему, а можно установить много разных и посмотреть как они будут смотреться. Весь список тем которые вы уже установили находится на предыдущем уровне вкладки. Для окончательного выбора нажмите «активировать» на понравившемся вам шаблоне. Ненужные можно будет удалить в любой момент.

Плагины WooCommerce

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

Вы можете установить любой плагин, который есть на официальном сайте WordPress.

Для этого нужно выполнить несколько простых шагов:

• найти нужное расширения, используя набор ключевых слов;
• установить его;
• нажать на кнопку «активировать».

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

Интеграция WooCommerce

При желании можно интегрировать WooCommerce с уже существующец темой в WP, если она вам очень нравится и вы хотите продолжить создание магазина именно на ее основе. Для этого нужно выполнить следующие действия:

1. Находясь в папке «темы» скопируйте файл page.php и дайте ему новое название woocommerce.php. Далее нужно заменить код
   <?php if ( have_posts() ) :
   и до
   <?php endif; ?> на <?php woocommerce_content(); ?>
2. Скопируйте в папку темы папку templates из папки WooCommerce и переименуйте ее на woocommerce.
3. Объявите поддержку плагина. Для этого добавьте в function.php следующий код
   add_action( ‘after_setup_theme’, ‘woocommerce_support’ );
   function woocommerce_support() {
   add_theme_support( ‘woocommerce’ );
   }

После этого вы можете прописать для темы свои стили или взять готовые с bootstrap. В итоге получится идеальная тема лично для вас.

Плагины доставки WooCommerce

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

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

Подробнее про WooCommerce

На нашей странице мы собрали больше информации о компонентах и инструментах создания Интернет-магазинов на базе WordPress & WooCommerce

Заключение

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

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

Также более подробный кейс создания магазина с темой Storefront и интеграцией в МойСклад описан в нашей статье https://wpcraft.ru/blog/internet-magazin-na-wordpress-woocommerce-storefront-mojsklad/