Від автора: ринок електронної комерції або 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 за цей рік, а платні рішення мені знадобилися всього в парі випадків.
Без подальших міркувань переходимо до налаштування. Я розберу лише базовий плагін і покажу, як легко з ним можна почати працювати.
Початкова Установка і настроювання
Установка така ж проста, як і в будь-якому плагіні для 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.
Активація плагіна
Якщо ви завантажили плагін через 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 можна відображати динамічну конвертацію валют в магазині. Це буде служити керівництвом для ваших відвідувачів, так як оплата все одно буде проводитися в тій валюті, яку ви вибрали в налаштуваннях. Розширення платне.
Тепер необхідно налаштувати кошик і профіль. Тут можна налаштувати такі речі, як гостьова кошик (людям не потрібно реєструвати акаунт у магазині), можна включити SSL-з’єднання на сторінках кошика (зокрема зручно, якщо обраний спосіб оплати вимагає таке з’єднання). Можна включити купони (детальніше про це трохи нижче). Також можна налаштувати функції профілю. Наприклад, можливість реєстрації без замовлення, використання пошти в якості логіна, а також можливість сховати адмінку WordPress від покупців. Більша частина належить до особистих налаштувань – можете додавати і видаляти ці опції за бажанням. Добре почати з опцій за замовчуванням. Я завжди вимикаю доступ покупців до адмінці WordPress.
Нижче у нас йдуть налаштування стилів і скриптів. Ви можете включити стандартний WooCommerce CSS і налаштувати його під себе, або ж можете повністю від нього відмовитися. Нижче ми докладніше розповімо про це. Також є кілька UI налаштувань, в тому числі красивий lightbox ефект, який я зазвичай включаю.
І нарешті, на цій сторінці ми бачимо опції цифрових завантажень. У WooCommerce можна продавати віртуальні і завантажувати товари. З допомогою цих опцій можна налаштувати обробку таких товарів і отримання до них доступу. Ці опції досить зрозумілі, як і всі інші в WooCommerce.
Налаштування каталогу
Велика частина опцій легко розуміється. Вам безумовно потрібно налаштувати «Show subcategories». Ці 3 маленьких галочки можуть сильно вплинути на зовнішній вигляд. Встановіть галки, і на головній сторінці будуть відображатися замість категорії товарів. Це дуже корисно, ця опція робить з сайту справжній E-Commerce магазин. Якщо на головній сторінці, просто відобразити товари, це може ускладнити навігацію по категоріях, так як доведеться покладатися на віджети WooCommerce.
Product data також потрібно подивитися. З допомогою цих параметрів можна показувати/ховати деякі поля в товарах. Ви самі вирішуєте, чи потрібні вам ці поля чи ні. Наприклад, так можна приховати підменю рейтингу. Ви самі вирішуєте, чи потрібні товару відгуки. Добре, що WooCommerce надає таку можливість.
У самому низу нас чекають налаштування зображень. Тут можна задати дозвіл зображень товарів. По суті, це розміри користувальницького типу Products, який WooCommerce створив для вас. Catalog images – архівні сторінки стилів з зображеннями одного товару і превью товару. Якщо ви зміните розмір зображень після додавання товарів, вам доведеться заново генерувати зображення за допомогою інструментів типу Regenerate Thumbnails Plugin. Для будь-яких медіа файлів в WordPress додаткові розміри зображень створюються в момент завантаження.
Інші налаштування
Швидко пробегусь з інших налаштувань, так як більша їх частина говорить сама за себе. Рекомендую підняти локальний сайт WordPress і погратися з настройками 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, я не взимаю комісію за обробку.
Тепер перейдемо до міжнародної доставки. Я її активував і залишив назву за замовчуванням, воно говорить саме за себе. Для даного типу доставки я встановив опцію «крім окремих країн» і виключив Великобританію. Все інше, як у доставці 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. Сам я їм не користувався, так як з розширеннями доставки ви можете придбати додаткові модулі зі способами оплати і вибрати варіант з найменшою комісією.
Для нашого уроку візьмемо PayPal. Сюрпризів не буде, налаштування дуже проста! Щоб включити його, необхідно ввести пошту від PayPal і все. Для Paypal є кілька опцій типу invoice prefixing. Також ви самі можете задати стилі сторінки PayPal. Також можна включити і вимкнути режим PayPal sandbox (за замовчуванням) – ідеальний спосіб протестувати магазин перед виходом у реальний онлайн! Налаштування способу оплати, можливо, найпростіша частина.
Висновок
Ми встановили WooCommerce і закінчили початкову настройку. Це було не так вже й боляче, правда? Ми налаштували способи доставки та оплати, витративши на це мінімум часу і зусиль. У другій статті ми додамо товари і поговоримо про різних типах товарів, які пропонує WooCommerce. Дізнаємося, як можна змінити тему і стилі WooCommerce, і обговоримо наступні кроки по розширенню WooCommerce.
