От автора: WooCommerce – один из популярнейших E-Commerce аддонов для WordPress. На момент написания статьи его скачали не менее 3,6 миллионов раз. Базовый плагин WooCommerce бесплатный, но его можно усилить с помощью премиум аддонов. Тем не менее, для многих онлайн магазинов хватит и бесплатного плагина. В этой серии уроков я покажу, как происходит Woocommerce настройка товаров, а также добавление физических и виртуальных товаров. В первой части вы установите плагин и поработаете с основными настройками, настройками товаров и налогов.
Что вам потребуется
Для выполнения урока вам потребуется рабочая установка WordPress с доступом к панели администратора, чтобы иметь возможность устанавливать и администрировать плагины.
Установка WooCommerce
Сперва необходимо установить плагин. Самый простой способ – через экран plugins в панели администратора WordPress. Также вы можете просто скачать файлы плагина из репозитория плагинов WordPress.
На странице плагина в репозитории приводится детальная информация о возможностях WooCommerce:
После установки WooCommerce и его активации на экране plugins необходимо выполнить еще один шаг по активации. Необходимо установить страницы магазина, которые создаются в WooCommerce. После активации вы увидите следующее сообщение:
Будет добавлен ряд страниц на сайт, которые WooCommerce будет использовать для управления магазином. Среди них будут страницы shop, cart и т.д. Щелкните на кнопку Install WooCommerce Pages. После установки вам перенаправит на экран приветствия:
Вы заметите, что слева в меню появилось 2 новых пункта: WooCommerce и Products. В этом уроке вы будете работать со страницами в меню WooCommerce. WooCommerce установлен и готов!
Добавление страниц WooCommerce в меню
Прежде чем погружаться в настройки WooCommerce я хочу проверить, что мои страницы shop и т.д. присутствуют в главном меню сайта.
Откройте экран Appearance->Menus в панели администратора и добавьте новые страницы WooCommerce страницы в меню. Вы сами решаете, что добавлять, а что нет. Я выбрал shop, checkout, cart и my account, а также ссылку на домашнюю страницу:
Можете посмотреть все изменения на моем сайте. Теперь на нем появилась пустая страница shop, на которую можно перейти из основного меню:
Настройка параметров WooCommerce
Перед добавлением товаров в магазин необходимо настроить WooCommerce. В WooCommerce масса настроек: в этом уроке я продемонстрирую основные настройки, настройки товаров и налогов. В следующем уроке я расскажу про настройки корзины, доставки, профиля и email.
Основные настройки
Начнем с экрана general. WooCommerce->Settings вкладка general.
На этой вкладке я добавил расположение магазина и место продажи UK, где я живу. Вы можете добавить свое расположение. Можете выбрать страницы для продажи или же торговать по всему миру. Также я добавил торговую валюту. Вы можете выбрать свою валюту. Кликните save changes на экране настроек.
Настройки товаров – варианты товаров
Следующая вкладка products, с помощью которой настраиваются страницы товаров.
Первый набор полей на этом экране относится к структуре магазина, а также к тому, что будет отображаться на каждой странице:
Product Archive / Shop Page – главная страница магазина: по умолчанию это shop, автоматически созданная WooCommerce, и на ней отображаются ваши товары. Можете использовать другую страницу, но ее еще нужно создать.
Выпадающий список Shop Page Display содержит варианты отображения товаров, категорий товаров или и того и другого. Я выбрал «показывать все», так мои посетители будут видеть больше.
В выпадающем списке Default Category Display выберите, что вы хотите: отображать на страницах категорий товары, подкатегории или оба варианта. Я выбрал отображать товары. Я не буду задействовать подкатегории.
Default Product Sorting – выберите режим отображения товаров. Я оставил вариант по умолчанию пока что, однако после добавления товаров на последнюю страницу, могу передумать. Среди других опций: по популярности, рейтинг, сначала новые, по цене. Пользователи могут самостоятельно выбрать порядок сортировки.
Опции add to cart позволяют задействовать AJAX, а также задать редирект на страницу корзины при добавлении в нее товара. Я хочу, чтобы мои пользователи сначала пошопились и уже потом переходили в корзину, поэтому оставил вариант по умолчанию.
Секция product data отвечает за рейтинг и отзывы на товары. Я оставил по умолчанию.
Ниже представлен экран настроек для изображений товаров:
Здесь можно задать размер изображения товара на странице одного товара, а также размеры превью на экранах со списком товаров. WordPress сохранит физические изображения под выбранные размеры, поэтому перед загрузкой изображений на этой странице необходимо внести все требующиеся изменения.
Если вы измените настройки уже после загрузки изображений, вам придется заново генерировать превью точно так же, как если бы вы изменили настройки медиа для сайта.
Последняя опция на экране Access Restriction связана с загрузками. Если на вашем сайте будут загружаемые товары, вы можете заставить пользователей авторизоваться перед скачиванием. Также покупателям можно предоставить доступ к загрузке уже в процессе оплаты.
Кликните save changes на странице настроек товаров.
Настройки товаров – инвентаризация
В настройках товаров есть экран Inventory Options, на который можно перейти, кликнув на ссылку в верхней части экрана настроек товаров:
Если у вас будет штучный товар на сайте, здесь вы можете изменить настройки. То есть WooCommerce может управлять остатками товаров и уведомлять вас по email, если они подходят к концу. Также можно прятать товары, если они закончились, или показывать их с сообщением, что они закончились.
Я включил управление запасами и буду показывать отсутствующие товары. Может быть, покупатели вернутся в будущем за ними. Я не буду показывать количество товаров, если их много.
Внесите изменения и кликните save changes.
Налоговые настройки
На следующей вкладке tax можно задать скидки и налоги на доставку. В этом разделе несколько экранов, и все они относятся к разным налоговым ставкам. Начнем с экрана tax options:
Здесь есть ряд опций. Не буду разбирать все, так как некоторые и так понятны. Остановлюсь на некоторых:
Prices entered with tax: выберите, будете ли вы включать налог или нет. Если вы продаете странам с другими налоговыми ставками, вам необходимо нужно формировать цену отдельно от налога, WooCommerce сам вычислит налог. Если вы продаете внутри одной налоговой зоны, а покупатели не смогут вернуть налог с продаж, возможно, будет проще показывать цену уже с налогом.
Calculate Tax Based On: здесь вы можете указать способ формирования налога: по вашему адресу, физическому или адресу доставки покупателя. Вариант зависит от системы налогообложения, с которой вы работаете.
Shipping Tax Class: если вы применяете к товарам налог на доставку, вам нужно определиться с тем, как он будет рассчитываться. Его можно привязать к товарам, выбрать плоскую шкалу или вообще 0. Можно также создать новый класс доставки (что можно сделать в поле Additional Tax Classes).
Additional Tax Classes: с помощью этого поля можно добавить дополнительные налоговые классы, если стандартных в WooCommerce недостаточно. WooCommerce создаст экран настроек для каждого добавленного класса.
Display tax totals: здесь можно указать, отображать налог для каждого товара отдельно или общий.
После внесения изменений кликните save changes.
Налоговые настройки – фиксированная ставка
Помимо общих настроек налогов есть отдельные экраны для каждого налогового класса в магазине. Я буду использовать фиксированную ставку налогообложения, давайте посмотрим на экран:
На этом экране вы добавляете страны, в которые будете продавать товар. WooCommerce вычислит налог на все выбранные страны. Кликните на ссылку на экране, чтобы получить код страны и вставить его в поле Country Code. Я продаю только в UK, поэтому добавил код GB.
Введите процент налога на страну в поле Rate %: в UK налог на добавленную стоимость (НДС) составляет 20%, что я и укажу. В поле shipping отметьте чекбокс, если этот процент должен применяться к доставке. После добавления всех кодов и ставок кликните save changes.
Налоговые настройки – нулевая ставка
Некоторые мои товары будут иметь нулевую налоговую ставку. Для этого на экране Zero Rate Rates необходимо вставить код моей страны со значением 0% в поле Rate%:
Если у вас есть дополнительные налоги, например, налог на доставку для различных типов товаров, их необходимо добавить как классы в поле Additional Tax Classes на экране Tax Options. После добавьте коды стран и ставки для каждого дополнительного налога.
Заключение
Я установила WooCommerce на свой сайт, настроила основные параметры и добавила настройки для товаров и налогов. В следующем уроке я покажу остальные экраны настроек: корзина, доставка, профили и email.
Автор: Rachel McCollin
Источник: //code.tutsplus.com/
Редакция: Команда webformyself.
Комментарии (2)