Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

От автора: рынок электронной коммерции или E-Commerce огромен. Большая часть людей используют его, и глобальные продажи в этой сфере в 2013 году достигли 1.25 триллионов долларов. За последние пару лет стало проще завести свой E-Commerce магазин с помощью таких продуктов как ZenCart, Open Cart, OSCommerce и Magento. В WordPress есть несколько опций для E-Commerce, но это не конкуренты для полноценных качественных систем, которые нужны серьезным продавцам. Сегодня я расскажу про продукт, который изменил сложившуюся ситуацию и выдвинул WordPress на первый план, превратив в серьезного соперника среди платформ E-Commerce. Скажите привет WooCommerce.

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

Скажите привет WooCommerce

WooCommerce – E-Commerce плагин с полностью открытым исходным кодом для WordPress от ребят из WooThemes. Это стабильная и безопасная платформа, построенная на ядре WordPress, что упрощает ее настройку под свои нужды. Релиз платформы состоялся примерно год назад, и число загрузок уже достигло полмиллиона. WooCommerce быстро становится выбором номер 1 среди E-Commerce плагинов у разработчиков WordPress. Я не стал исключением.

WooCommerce применяет подход freemium – базовый плагин распространяется абсолютно бесплатно, однако некоторые расширения для WooCommerce платные. Такая модель хорошо работает, так как позволяет быстро настроить и запустить плагин, который подойдет большинству пользователей. За более комплексные расширения же придется заплатить (дополнительные функции и способы оплаты). Я лично создал несколько сайтов на WooCommerce за этот год, а платные решения мне понадобились всего в паре случаев.

Без дальнейших рассуждений переходим к настройке. Я разберу лишь базовый плагин и покажу, как легко с ним можно начать работать.

WooCommerce: Быстрый старт, первые результаты

Создайте ваш интернет-магазин на WooCommerce с полного нуля уже сегодня!

Узнать подробнее

Установка и начальная настройка

Установка такая же простая, как и в любом плагине для WordPress. Есть 2 способа:

Загрузка по FTP/SFTP

Посетите страницу плагина WooCommerce на WordPress.org и кликните на download. На ваш компьютер будет загружена последняя версия.

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

Подключитесь к своему WordPress сайту через FTP или SFTP и перейдите в wp-content/plugins/.

Панель администратора WordPress

Авторизуйтесь в панели администратора WordPress.

Перейдите на вкладку Plugins -> Add New.

Найдите WooCommerce.

В топе должен быть «WooCommerce — excelling eCommerce». Кликните на установку.

В зависимости от настроек может потребоваться ввод данных авторизации для FTP.

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Активация плагина

Если вы скачали плагин через FTP/SFTP, то вам нужно перейти в Installed Plugins в панели администратора. В списке найдите WooCommerce и кликните на активацию.

Если вы скачали плагин через панель администратора, то должны увидеть сообщение «Successfully installed the plugin WooCommerce — excelling eCommerce 1.6.6.» (версия может отличаться на момент чтения статьи!). Под этой надписью кликните на активацию плагина. (если вы уже ушли с этой страницы, можете просто повторить шаг выше и перейти в Installed Plugins для активации)

Настройка страниц – вы должны увидеть красивый пурпурный баннер «Добро пожаловать в WooCommerce – вы почти готовы продавать :) ». Для функционирования WooCommerce необходимо создать несколько страниц. Плагин может сделать это автоматически за вас. Для этого нажмите на «Install WooCommerce Pages». (позже можно сменить названия страниц)

Вот и все, WooCommerce установлен! Теперь перед вами откроется страница настроек WooCommerce. Здесь вы будете настраивать свой магазин. Давайте проведем начальную настройку.

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

Первым делом необходимо настроить страну и валюту. Это обычные выпадающие списки. Также вы найдете третий выпадающий список, с помощью которого можно ограничить круг стран, в которые вы будете отправлять товары. Сейчас вы можете задать всего одну валюту, что может вызвать проблемы у международных ритейлеров. Тем не менее, с помощью расширения Open Source Currency Exchange API можно отображать динамическую конвертацию валют в магазине. Это будет служить руководством для ваших посетителей, так как оплата все равно будет производиться в той валюте, которую вы выбрали в настройках. Расширение платное.

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Теперь необходимо настроить корзину и профиль. Здесь можно настроить такие вещи, как гостевая корзина (людям не нужно регистрировать аккаунт в магазине), можно включить SSL-соединение на страницах корзины (в частности удобно, если выбранный способ оплаты требует такое соединение). Можно включить купоны (подробнее об этом чуть ниже). Также можно настроить функции профиля. Например, возможность регистрации без заказа, использование почты в качестве логина, а также возможность спрятать админку WordPress от покупателей. Большая часть относится к личным настройкам – можете добавлять и удалять эти опции по желанию. Хорошо начать с опций по умолчанию. Я всегда выключаю доступ покупателям к админке WordPress.

WooCommerce: Быстрый старт, первые результаты

Создайте ваш интернет-магазин на WooCommerce с полного нуля уже сегодня!

Узнать подробнее

Ниже у нас идут настройки стилей и скриптов. Вы можете включить стандартный WooCommerce CSS и настроить его под себя или же можете полностью от него отказаться. Ниже мы подробнее расскажем про это. Также есть несколько UI настроек, в том числе красивый lightbox эффект, который я обычно включаю.

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

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

Большая часть опций легко понимается. Вам определенно нужно настроить «Show subcategories». Эти 3 маленьких галочки могут сильно повлиять на внешний вид. Установите галки, и на главной странице будут отображаться категории вместо товаров. Это очень полезно, эта опция делает из сайта настоящий E-Commerce магазин. Если на главной странице просто отобразить товары, это может усложнить навигацию по категориям, так как придется полагаться на виджеты WooCommerce.

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Product data также нужно посмотреть. С помощью этих настроек можно показывать/прятать некоторые поля в товарах. Вы сами решаете, нужны вам эти поля или нет. Например, так можно скрыть подменю рейтинга. Вы сами решаете, нужны ли товару отзывы. Хорошо, что WooCommerce предоставляет такую возможность.

В самом низу нас ждут настройки изображений. Здесь можно задать разрешение изображений товаров. По сути, это размеры пользовательского типа Products, который WooCommerce создал для вас. Catalog images – архивные страницы стилей с изображениями одного товара и превью товара. Если вы смените размер изображений после добавления товаров, вам придется заново генерировать изображения с помощью инструментов типа Regenerate Thumbnails Plugin. Для любых медиа файлов в WordPress дополнительные размеры изображений создаются в момент загрузки.

Другие настройки

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

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

Настройки инвентаризации – еще одна маленькая и простая страница. Если вам нужен инструмент управления остатками товаров, то здесь вы получите пару настроек. Например, что делать при низком количестве товаров и т.д.

Настройки налогов – здесь можно задать правила налогообложения с помощью множества классов и локальных правил. Особенно полезно для международной торговли. Как и все остальные настройки, это необязательно, а выключить их можно с помощью простого чекбокса.

Надеюсь, у нас получилось установить и настроить WooCommerce.

Настройка доставки

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

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Давайте настроим способ доставки. В своем магазине я хочу фиксированную стоимость для всех видов доставки по UK и международной доставки. В своих настройках я выключил все кроме «Flat Rate» и «International Shipping». На странице основных настроек доставки я выбрал «Enable Shipping» и «Hide shipping costs until an address is entered». Мне не нужен калькулятор доставки, поэтому я его выключил (он больше подходит в случаях, когда правила доставки намного сложнее, и есть различные сборы). Я не против, чтобы можно было вручную указывать адрес доставки, поэтому я активирую эту опцию. Однако в качестве адреса доставки по умолчанию я задал платежный адрес. Все мои настройки можно посмотреть ниже.

Перейдем к сборам. У меня фиксированная стоимость – я включил эту опцию и изменил заголовок способа оплаты на UK Delivery (это будет выводиться на фронте). Мой способ доставки доступен для определенных стран – в поле ниже я задал United Kingdom. Люди, чей адрес доставки находится в Великобритании смогут воспользоваться этим способом доставки. Типа расчета я указал Per Order (за заказ) и оставил его налогооблагаемым. Цена по умолчанию задана в 4.99, я не взимаю комиссию за обработку.

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Теперь перейдем к международной доставке. Я ее активировал и оставил название по умолчанию, оно говорит само за себя. Для данного типа доставки я установил опцию «кроме отдельных стран» и исключил Великобританию. Все остальное, как в доставке по UK, за исключением цены. Ее я установил в 7.99. Теперь люди из Великобритании должны видеть цену доставки по UK, а все остальные цену международной доставки.

Конечно, это лишь базовая настройка доставки. С помощью платных расширений можно сделать гораздо больше. С помощью Table Rate Shipping Extension можно создать сложные правила доставки и вычислять доставку в зависимости от веса и габаритов товара. Можно указать фиксированную стоимость доставки за первый товар, а также уменьшенную стоимость за дополнительные товары в корзине (очень хорошее расширение, с его помощью можно создавать бесконечно много вариантов доставки). Также можно установить расширения для API популярных сервисов доставки UPS, FedEx и USPS. Так вы будете видеть реальную и правильную стоимость доставки у выбранного сервиса. Вы платите за дополнительные способы доставки, однако небольшая цена должна быть хорошо встроена без учета любой прибыли, которую генерирует ваш магазин, когда средняя стоимость расширений по доставке составляет 49$.

Настройка способов оплаты

ОК, с начальной настройкой разобрались. Настроили способы доставки. Теперь нужно получить хоть какие-то деньги с пользователей! Как и в случае со способами доставки, по умолчанию у вас есть несколько способов оплаты. Большая их часть бессмысленна для E-Commerce магазинов. Что-то типа прямого банковского перевода, чека, наличной оплаты при доставке. Вам нужен PayPal, он подойдет для большинства людей, а также Mijireh Checkout. Mijireh — платежная система в партнерстве с WooCommerce. Вот почему она бесплатна. Mijireh Checkout обеспечивает полностью совместимый с PCI, безопасный способ сбора и передачи данных кредитных карт в ваш способ оплаты, оставляя вам возможность контролировать дизайн. Mijireh поддерживает множество способов оплаты: Stripe, Authorize.net, PayPal, eWay, SagePay, Braintree, PayLeap и т.д. Конечно, вам нужен аккаунт в одной из поддерживаемых систем оплаты. Также помимо комиссии за способ оплаты вам придется заплатить $0.50 Mijireh. Сам я им не пользовался, так как с расширениями доставки вы можете купить дополнительные модули со способами оплаты и выбрать вариант с наименьшей комиссией.

Начало работы с WooCommerce: настройка каталога товаров, доставки, способов оплаты

Для нашего урока возьмем PayPal. Сюрпризов не будет, настройка очень простая! Чтобы включить его, необходимо ввести почту от PayPal и все. Для Paypal есть несколько опций типа invoice prefixing. Также вы сами можете задать стили страницы PayPal. Также можно включить и отключить режим PayPal sandbox (по умолчанию включен) – идеальный способ протестировать магазин перед выходом в реальный онлайн! Настройка способа оплаты, возможно, самая простая часть.

Заключение

Мы установили WooCommerce и закончили начальную настройку. Это было не так уже и больно, правда? Мы настроили способы доставки и оплаты, затратив на это минимум времени и усилий. Во второй статье мы добавим товары и поговорим о различных типах товаров, которые предлагает WooCommerce. Узнаем, как можно изменить тему и стили WooCommerce, и обсудим следующие шаги по расширению WooCommerce.

Автор: Will Wilson

Источник: https://code.tutsplus.com/

Редакция: Команда webformyself.

WooCommerce: Быстрый старт, первые результаты

Создайте ваш интернет-магазин на WooCommerce с полного нуля уже сегодня!

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

WooCommerce: быстрый старт, первые результаты

Создайте свой первый интернет-магазин на WooCommerce с полного нуля!

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Виктор

    Как включить jquery на странице оформления заказа?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree