Здравствуйте, друзья! Одним из приятных бонусов большой популярности движка WordPress является огромное количество разработанных под него плагинов. Они, кроме прочего, позволяют сделать из сайта на изначально блоговой системе управления контентом разноплановые по своему функционалу веб-ресурсы. И сегодня мы с вами узнаем, как с помощью плагина Woocommerce для WordPress создать полноценный интернет-магазин, какие возможности предоставляет нам данное расширение и как произвести его базовые настройки.
Содержание:
- Основной функционал плагина и выбор WordPress Wooommerce темы
- Настройка Woocommerce WordPress
Woocommerce: возможности плагина
Если вы решили организовать интернет-магазин на WordPress, Woocommerce – это комплексное расширение, которое имеет следующие преимущества:
- плагин бесплатный;
- простая установка в 1 клик;
- удобный и понятный интерфейс административной части;
- проработанная система отчетности;
- наличие встроенного функционала, необходимого для формирования каталогов и продажи аналогичного товара;
- возможность организации системы купонов и скидок с поддержкой дат и сроков действия;
- наличие шаблонов почтовых рассылок и оповещений;
- простая система управления продуктами и категориями товаров, их сортировки;
- возможность seo-оптимизации;
- поддержка большого количества языков, в том числе русского, встроенный перевод;
- множество дополнений для плагина, с помощью которых можно расширять базовый функционал;
- масса шаблонов WordPress Woocommerce, поддерживающих интеграцию с расширением; при этом всегда есть возможность адаптации практически любой темы Вордпресс под плагин;
- допустимость совмещения функций магазина со стандартными функциями блога, в том числе со взаимодействием с соцсетями и подписной базой пользователей.
При таком немалом количестве очевидных плюсов, стоит отметить, что все-таки связка Вордпресс – Woocommerce рассчитана на создание небольших онлайн-магазинов. Работа с данным плагином на данной CMS подойдет вам в том случае, если проект предполагает небольшое количество товаров (до десятков тысяч) и не предполагает интеграции с бухгалтерией и системами учета (1С, печать банковских документов).
Перед тем, как приступить к работе с плагином, следует определиться с темой для интернет-магазина на WordPress – Wocommerce. Это один из ключевых моментов в создании проекта. Если вы планируете устанавливать бесплатный вариант, обратите внимание на описание. В нем должно указываться, совместим ли шаблон с плагином, иначе возможны конфликты с другими расширениями и некорректное отображение элементов.
Перейдя на страницу официального репозитория тем wordpress.org/themes/, вы можете найти и скачать шаблон WordPress для Woocommerce бесплатно. Для этого нажмите «Feature Filter» и в выпадающем списке в колонке «Subject» отметьте галочкой «E-commerce» и нажмите «Apply Filters». Или в строке поиска введите «woocommerce». Читайте статью о том, как выбрать тему для WordPress.
В результате WordPress представит совместимые с Woocommerce темы. Помимо этого источника, вы можете найти достойные бесплатные варианты и на сайтах разработчиков премиум-шаблонов. Здесь они размещаются как реклама для привлечения потенциальных покупателей. После того, как выбор сделан, установите шаблон на Denwer или хостинг.
Установка Woocommerce и настройка основных функций плагина
Помощник установки
Теперь необходимо установить сам плагин Woocommerce WordPress. Это можно сделать непосредственно из репозитория.
В процессе установки производится автоматический перевод плагина. Если после активации расширения вы увидите нечитабельные символы вместо текста, нужно найти файл .htaccess в корне сайта и прописать в нем следующую строку:
AddDefaultCharset utf-8
Если в файле есть текст «AddDefaultCharset Off», то следует заменить его на указанный выше.
После успешной активации помощник установки предлагает произвести базовые настройки, на что уйдет несколько минут. В случае необходимости есть возможность отложить данную процедуру, нажав кнопку «Не сейчас». Если же у вас есть желание и время пройти несколько установочных шагов, кликайте «Вперед!». Первый шаг – это автоматическое создание обязательных страниц магазина: «Витрина», «Корзина», «Оформление заказа», «Мой аккаунт». В дальнейшем эти страницы будут доступны для редактирования из консоли в разделе «Страницы».
Далее следуют региональные установки. Здесь вы сможете указать географическое расположение магазина, валюту, предпочтительные единицы для обозначения веса и габаритов товаров.
Следующий шаг касается доставки и налогов. На последнем этапе вас попросят указать способ будущего осуществления платежей. Если вы еще не определились с каким-то из параметров, можете просто пропустить любой из шагов. Формально, после прохождения данной нехитрой процедуры, ваш магазин на Вордпресс – Woocommerce готов.
Настройка ЧПУ
Сразу после установки Woocommerce необходимо настроить человеко-подобные url, или ЧПУ, для отображения названий и категорий товаров в адресной строке. Вначале, как и в общем случае настроек постоянных ссылок, нужно открыть в админпанели вкладку «Настройки» — «Постоянные ссылки». Здесь в блоке «Общие настройки» выбрать вариант структуры «Произвольно» и вписать в поле строку: « /%category%/%postname%/».
Далее, в блоке «Дополнительно» в поле «База категорий товара» следует устанавить «product- category», а в поле «База меток товара» — «product-tag». В разделе «Постоянные ссылки товаров» укажите такую конструкцию для поля «Произвольная база»: «/shop/%product_cat%». Сохраните изменения.
Для окончательной настройки ссылок в Woommerce WordPress, рекомендуется установить плагин RusToLat для транслитерации русских букв в латинские.
Теперь ссылки будут иметь понятный, эстетически более привлекательный вид, и внутренняя структура сайта в целом будет более оптимизированной.
Создание категорий и добавление товара в магазин
Переходим к описанию активного этапа организации интернет-магазина на WordPress с Woocommerce. Для начала стоит заняться созданием категорий товаров. Это можно делать и непосредственно в процессе добавления товара в проект. Но во избежание путаницы, лучше заранее продумать структуру магазина и сформировать список категорий необходимой вложенности. Сам процесс создания категорий товаров идентичен процессу создания рубрик в Вордпрессе, поэтому сложностей возникнуть не должно.
В консоли CMS откройте вкладку «Товары» — «Категории». Здесь предлагается заполнить поля:
- «название» — как будет отображаться объект на сайте;
- «ярлык» — написание названия для url, латиницей;
- «описание» — по умолчанию не отображается.
Помимо этого, в случае вложенности категории, необходимо указать её родителя. Также есть возможность загрузить изображение для категории, которое будет отображаться на страницах ресурса.
После того, как вы нажмете «Добавить новую категорию товара», она будет создана. Найти ее можно в таблице на этой же странице. При наведении на название категории, всплывает контекстное меню, с помощью которого можно редактировать данные.
После того, как созданы все категории товаров, можно приступать к наполнению вашего магазина на Вордпресс и Woocommerce. Откройте вкладку «Товары» — «Добавить товар». На этой странице первым делом заполняются поля «Название товара» и «Описание товара», выбирается категория. Здесь все аналогично тому, как на странице создания новой записи. В «Описании» стоит разместить все основные параметры и характеристики объекта.
Ниже следует блок «Данные товара». Если вы работаете с материальными объектами (одежда, электроника, продукты питания и т.п.), то достаточно указать параметр «Простой товар». Если ваш магазин занимается продажей инфо-продуктов, программ, приложений, всего, что требует загрузки, отметьте пункт «Загружаемый». В таком случае ниже будет сформирован дополнительный блок параметров, где вы сможете выбрать путь к файлу, который покупатель получает после произведения оплаты.
Если вы планируете вести последующий учет продаж и в проекте предусмотрены артикулы для каждой позиции, пропишите их в соответствующем поле.
В «Базовой цене» обозначьте актуальную цену, а в «Цене распродажи» — стоимость с учетом скидки, если таковая имеется.
В правом сайдбаре вы можете добавить миниатюру к характеристикам товара, кликнув по ссылке «Изображение товара». Если же проект предусматривает несколько картинок для каждой позиции, воспользуйтесь «Галереей товара», чтобы загрузить изображения.
В блоке «Краткое описание товара» рекомендуется разместить небольшое (до 300 символов) уникальное описание позиции. Если оно будет составлено по принципам seo-оптимизации, то сможет положительно повлиять на продвижение вашего интернет-магазина на базе шаблона WordPress Woocommerce. На странице товара данное описание будет размещено возле основного изображения товара.
В дальнейшем все созданные продукты доступны для редактирования и управления в консоли во вкладке «Товары».
На данном этапе, в зависимости от установленной вами WordPress Woocommerce темы, карточка товара на страницах сайта будет иметь приблизительно такой вид:
Зачастую существует необходимость создания нескольких вариаций одной позиции, то есть вариативного товара. В нашем примере рюкзак одной и той же модели может быть представлен в других цветах и объеме. Основная задача – предложить пользователю возможность во время покупки выбрать один из вариантов того или иного свойства.
Во-первых, нужно создать сами свойства. Для этого следует открыть вкладку «Товары» — «Атрибуты».
После добавления всех необходимых свойств, вы получите таблицу атрибутов, сформированную на этой же странице.
Чтобы задать конкретные значения каждому из свойств, необходимо нажать на его название. Откроется окно, в котором и можно это сделать. В результате будет сформирована таблица значений по аналогии с таблицей атрибутов.
Теперь потребуется создать товар с указанием типа «вариативный» или изменить тип уже существующего на таковой. В «Данных товара» нужно выбрать в выпадающем списке параметр «вариативный товар», во вкладке «Атрибуты» — необходимое свойство. Нажать «Добавить».
Аналогичным образом добавьте все оставшиеся свойства продукта. Далее нажмите на поле «Значение» и установите нужные, или воспользуйтесь кнопкой «Выбрать все». Поставьте галочку в поле «Используется для вариаций». После работы со всеми свойствами кликните «Сохранить атрибуты».
В этом же блоке перейдите во вкладку «Вариации» и выберите действие «Создать вариации из всех атрибутов». «Применить». Таким образом автоматически будут созданы все возможные комбинации свойств, т.е. в нашем случае – для каждого из цветов будут все объемы, а для каждого объема – все варианты цвета.
Теперь вы можете вручную удалить те варианты, которые вам не нужны. Воспользуйтесь для этого контекстным меню, которое будет появляться при наведении на каждую из строк. Настройки плагина Woocommerce WordPress предполагают также возможность вручную формировать вариации. Если вам больше подходит такой способ, следует вместо «Создать вариации из всех атрибутов», указать действие «Добавить вариацию».
Нажав на переключатель в том же контекстном меню, вы откроете блок индивидуальных настроек для каждой из вариаций. Здесь, среди прочего, устанавливается цена, скидка, способ доставки, изображение.
Проработав все вариации, не забудьте сохранить изменения. После публикации или обновления в карточке товара на сайте станет доступен выбор созданных вами свойств.
Работа с плагином
Настройки Woocommerce WordPress вы найдете на странице «Woocommerce» — «Настройки». Здесь располагается целый ряд вкладок.
«Основные». Отвечает за такие параметры, как: географическое местоположение магазина и предполагаемые места осуществления доставки товара, валюта, в которой отображается цена для пользовтелей.
«Товары». Состоит в свою очередь еще из таких подпунктов:
- основные : здесь хранятся настройки единиц измерения веса и габаритов;
- отображение: содержит настройки страниц магазина, изображений товара, устанавливает исходную сортировку позиций и поведение корзины;
- запасы: позволяет контролировать остатки продукции и управлять удержанием запасов для неоплаченных заказов;
- скачиваемые товары: здесь можно настроить метод загрузи файлов и ограничения доступа.
«Платежи». Тоже содержит в себе дополнительные разделы, в которых вам предоставляются варианты настроек процесса оформления заказа и осуществления оплаты (банковский перевод, чековые платежи и т.д). Следует отметить, что Woocommerce изначально не предполагает возможности осуществления платежей посредством распространенных у нас платежных систем (WebMoney, Яндекс.Деньги и т.п.). Чтобы получить такую возможность, необходимо будет воспользоваться одним из специальных плагинов платежных шлюзов. Это может быть, например, одно из платных предложений от Saphali Studio, или бесплатные – Woocommerce Webmoney, Robokassa.
«Аккаунты». Здесь речь идет о регистрации, авторизации и прочих нюансах работы с аккаунтами покупателей.
«Email’ы». Осуществляет настройку разного вида почтовых уведомлений.
Итак, мы с вами рассмотрели основные настройки Woocommerce WordPress , отличного плагина для создания интернет-магазина на базе одноименной CMS. Конечно же, в рамках данной статьи мы не затронули все параметры, которые можно установить с помощью расширения. Его функционал и возможности намного шире. Чтобы изучить их все, рекомендую выбрать один из шаблонов WordPress для Woocommerce, которые предлагаются бесплатно, и поэкспериментировать с работой плагина. На этом все, успехов вам в создании онлайн-магазина!
В следующей статье я подробнее расскажу об основных тенденциях в сфере интернет-магазинов и о выборе качественного шаблона для Woocommerce.
pro-wordpress.ru
Базовый комплект
При скачивании базовой версии WooCommerce открывается доступ к трем расширениям:
- Расчетному калькулятору стоимости доставки в виде таблицы;
- Форме для оплаты покупок;
- Формуле расчета налогов, русский сайт придется исправлять, так как в нее внесена информация о европейских сборах.
Кроме того открывается доступ к нескольким темам. Одной из лучших является Wootique, доступная для бесплатного скачивания.
Основной функционал
- Форма, систематизирующая отчетность, которая поддерживает трекинг Google Analytics.
- Возможность создавать каталоги и схемы продаж схожих товаров.
- Формула для разработки, планирования и отслеживания системы скидок, купонов и бонусов с возможностью поддерживать определенные даты и сроки проведения акций.
- Настройка шаблонов для рассылки и оповещения клиентов по электронной почте.
- Система для сортирования товаров, разбивки на группы и категории по установленным критериям.
Дополнительные плагины
WooCommerce похож на библиотеку, которая требует регулярного пополнения, чтобы расширить собственные возможности. Далее представлено несколько полезных дополнительных плагинов, установка которых позволит улучшить показатели производительности и разнообразить возможности онлайн магазина.
- Admin Bar – плагин, добавляющий кнопки администрирования в панель управления сайтом.
- Essential Kit – это русский свод плагинов в которой доступна настройка поиска товаров в режиме он-лайн, экранная лупа, функция сравнения нескольких продуктов, лист желаний для покупки, чат и многое другое. Всего с его помощью добавляется 23 новых возможности для интернет магазина.
- Predictive Search пополняет сайт предикативным поиском. С его помощью отображаются продукты, соответствующие введенному запросу.
- Compare Products – возможность сравнивать продукцию, продающуюся на сайте.
- Print Invoices – автоматическая распечатка уведомлений о том, что товар доставлен покупателю.
- Dynamic Gallery – добавляет галерею изображений продукции, не перегружая сайт и сохраняя его быстродействие.
- Fecebook LikeShare Button – кнопка социальной сети Фейсбук, позволяющая делать репосты.
- Affiliates Integration – возможность создать партнерскую программу для пользователей Вашего сайта, помогающих распространять товары.
- AWD Weight – управление ценовой политикой доставки в зависимости от веса купленной продукции. С его помощью можно делать расчет на удаленность, если есть возможность поставлять товары в разные страны или удаленные регионы.
- Payment Methods – добавляет панель доступных способов оплаты.
- Delivery Date – управление датами поставки. Очень удобная функция, позволяющая устанавливать определенный день доставки по желанию клиента.
- PDF Invoices – распечатка счет-фактур в формате ПДФ. Кроме того с его помощью можно автоматически рассылать оформленные документы на электронную почту.
- Customer History – запоминающий плагин, который учитывает все действия совершаемые клиентами. Отлично подходит для сбора аналитических данных по популярным товарам, наличию интереса и т.д.
- FollowUp E-mails – создает шаблоны для отправки электронных писем, автоматизируя этот процесс.
- Social Media Share Buttons – добавляет кнопки социальных сетей.
Этот список можно продолжать для бесконечности, ведь полезных плагинов очень много. Все интернет магазины, созданные на платформе WordPress можно снабдить необходимыми функциями и расширить возможности, благодаря этим полезным расширениям.
Основные настройки
При правильной настройке WooCommerce работа сайта значительно упростится, функционал расширится, а производительность останется неизменной. Всего есть 7 параметров доступных в базовой версии плагина:
- Настройка – находится в панели управления. Там можно отразить основы оформления, валюту расчетов и месторасположение.
- Продукты – общая настройка, загрузка изображений и иной информации, связанной с продаваемыми товарами.
- Налоги – расчет обязательных выплат.
- Оплата – весь функционал сайта связанный с финансовой частью.
- Доставка – учет параметров поставляемой продукции: даты, сроки, вес и т.п.
- Учетные записи – параметры для регистрации и учет пользователей сайта.
- Электронная почта – весь функционал, связанный с рассылками и уведомлениями.
Настройка плагина очень простая. Понадобится всего несколько дней на начальную настройку, а в дальнейшем вся работа будет автоматизированной.
Похожие статьи
wordpresslib.ru
От автора: WooCommerce — самая популярная и настраиваемая E-Commerce платформа для создания интернет-магазинов. WooCommerce распространяется бесплатно, но всю силу можно увидеть при подключении плагинов WordPress WooCommerce и тем.
Но нужно ли использовать WooCommerce темы? Это не обязательно, но я крайне рекомендую. Темы WordPress тема WooCommerce не только спроектирована под E-Commerce, она полностью сосредоточена на стиле WooCommerce. CSS, используемый WooCommerce для отображения товаров, также используется темой WooCommerce WordPress для связки всех элементов, что выливается в самый красивый дизайн E-Commerce площадок.
Стоит отметить, что установка и настройка новой темы WordPress WooCommerce не сложнее настройки любой другой темы WordPress. Давайте я покажу.
Установка и настройка новой WooCommerce темы для WordPress
Если у вас уже установлен WooCommerce, замечательно! Если нет, очень рекомендую прочитать руководство Rachel McCollin для начинающих по WooCommerce. Оно познакомит вас с WooCommerce и поэтапно покажет, как поднять свой магазин. Давайте начнем с установки и настройки новой WooCommerce темы для WordPress.
Шаг 1: установка шаблонных данных
Если у вас уже есть товары, можете пропустить этот шаг и перейти к шагу 2.
Установка шаблонных данных добавляет не настоящие товары в магазин, помогая визуализировать наполнение магазина товарами. После установки и настройки новой WooCommerce темы для WordPress вы захотите удалить все шаблонных данные перед добавлением своих товаров. Иначе вы случайно можете удалить настоящие товары.
Шаблонные данные встроены в плагин WooCommerce. Если вы установили WooCommerce через панель администратора WordPress, загрузите плагин из WordPress Plugin Directory на компьютер.
Это легче, чем подключиться по FTP, зайти в папку плагинов и загрузить шаблонные данные оттуда. После скачивания распакуйте файл, чтобы подготовиться к импорту файла dummy-data.xml. Перейдите в tools и кликните import:
Не позвольте WooCommerce Tax Rates (CSV) запутать себя. Это можно настроить позже, если нужно. Шаблонные данные WooCommerce находятся в WordPress.
Скорее всего, у вас нет плагина WordPress importer, поэтому установите его.
После установки активируйте плагин и запустите importer. Помните куда положили распакованный плагин WooCommerce? Теперь нужно кликнуть choose file и найти его.
Шаблонные данные должны быть в распакованной папке: (woocommerce.version.number) > woocommerce > dummy-data.
Откройте папку dumy-data и выберите файл dummy-data.xml. Теперь можно загружать и импортировать файл.
Это последнее, что нужно сделать перед импортом всех шаблонных данных. Ниже показаны личные настройки, в частности мои (скриншот ниже):
Импортируйте стандартного автора wooteam, не создавайте нового и не используйте стандартных. Так вы сможете отличать импортированный/созданный контент по имени автора (рекомендую удалить автора при удалении шаблонных данных после завершения установки и настройки новой WooCommerce темы для WordPress).
Также рекомендую загрузить и импортировать вложения, чтобы у вас на каждый товар было изображение (и опять их нужно будет удалить после того, как закончите работать с шаблонными данными). После выбора файлов нажмите submit:
Откройте yourwebsite.com/shop/ — должен импортироваться весь тестовый магазин:
Да, у вас получилось! Дизайн не очень, правда? Но мы установим хорошую WooCommerce тему для WordPress Savoy. (Обратите внимание: после установки и настройки темы не забудьте удалить товары и изображения из шаблонных данных перед добавлением настоящих товаров.)
Шаг 2: установка WooCommerce темы для WordPress
Теперь давайте разберем, как установить WooCommerce тему. Если вы еще не скачали свою WordPress Commerce тему, сейчас самое время (не забудьте папку загрузки). Есть 2 способа установки темы: через FTP и из панели администратора WordPress.
Установка темы по FTP
Если вам удобнее работать с FTP, подключитесь к серверу и найдите папку wp-content > themes. В эту папку необходимо загрузить вашу тему. Перед отправкой распакованной папки на сервер убедитесь, что это папка темы. Давайте разберем пример темы WordPress с ThemeForest. После распаковки вы увидите несколько папок:
Не все загружаемые темы так упакованы. Иногда в архиве лежит сразу папка темы. Посмотрите, что в архиве заранее, содержимое может отличаться.
Savoy — минималистичная WooCommerce тема с AJAX. Вместе с ней идет дополнительный материал: документация, файлы и т.д. Если открыть папку Theme Files, там будет лежать сама тема savoy.zip.
Если вы работаете с FTP, загрузите распакованную папку темы (например, savoy) в папку themes. Если вам не нравится FTP, и вы предпочитаете установить тему через панель администратора WordPress, ничего страшного. Мне тоже больше нравится панель администратора.
Установка темы через панель администратора WordPress
Для установки через панель администратора необходимо, чтобы папка темы была запакована (themefolder.zip). Выше мы уже упомянули, нужно убедиться, что вы работаете с папкой темы, а не папкой, в которую может быть вложена тема. В панели администратора под appearance кликните themes:
Add new theme:
Upload theme:
Помните, где лежит zip файл темы? Наш пример savoy.zip. Кликните choose file и найдите его:
После установки откройте Appearance > Themes, чтобы проверить, установилась тема или нет. Там же можете активировать тему. На скриншоте ниже видно, что Savoy успешно установилась. Наведите курсор на тему и нажмите activate:
Ваша WooCommerce тема для WordPress успешно установлена и активирована. Давайте ее настроим.
Шаг 3: настройка WooCommerce темы для WordPress
Не все темы настраиваются одинаково. Дизайн и разработка темы сильно влияют на это, поэтому в уроке могут быть некоторые расхождения с конкретно вашей темой. В целом, этот шаг должен помочь вам настроить WooCommerce WordPress тему вне зависимости от используемой вами темы (с ThemeForest она или нет).
Рекомендуемые/обязательные плагины
После установки и активации темы Savoy вы получите уведомление о рекомендуемых плагинах:
Иногда тема сама уведомляет вас о рекомендуемых плагинах, в других темах рекомендации могут содержаться в документации. Там можно найти дизайнерские функции темы (например, необязательные слайдеры), которые не зашиты в тему, но совместимы с ней. Кликните Begin installing plugins в теме Savoy, чтобы увидеть список рекомендуемых плагинов:
Список может отличаться в других темах. В этом конкретном случае вы можете установить все плагины или отказаться от некоторых.
Например, Savoy рекомендует Contact Form 7, в теме есть стили для плагина, но вы можете отказаться от использования этого плагина в качестве контактной формы. Может, вы хотите использовать что-то вроде Gravity Forms или Ninja Forms.
Плагин Regenerate Thumbnails – замечательный инструмент для тех, у кого уже есть работающих магазин, а изображения настроены под старую тему. Этот плагин пройдется по медиа библиотеке WordPress и изменит размер всех изображений под новую тему. С шаблонными данными этого можно и не делать. Вы также можете вообще пропустить этот плагин (но я рекомендую сделать это в целях тестирования, чтобы все файлы четко подходили по размерам).
Плагин Envato Toolkit очень важен для тем, купленных на ThemeForest. Он проверяет уведомления об обновлениях темы.
Советую установить все рекомендуемые плагины в самом начале. Плагин всегда можно удалить потом, если он не нужен. С другой же стороны, если вы не установили необходимый плагин, тема может «не работать» или не делать того, что вам понравилось в демо.
После установки всех плагинов или полного отказа от рекомендованных и/или обязательных плагинов не забудьте активировать их:
Если вы купили тему на ThemeForest, как наш пример Savoy, не забудьте ввести Marketplace Username и Secret API Key в Envato WordPress Toolkit, чтобы обновлялась именно эта тема.
Настройка
В этой части по установке и настройке WordPress WooCommerce темы все пойдет интереснее, так как вы увидите, как оживает ваш сайт.
Открыть WordPress Customizer можно через меню в WordPress: Appearance > Customize. Или откройте страницу Themes под Appearance > Themes и кликните кнопку customize:
Добро пожаловать в WordPress Customizer:
Здесь мы внесем пару правок перед погружением в настройки. Первое, что вы увидите, это Site Identity. Здесь можно поменять заголовок сайта и слоган.
Иногда здесь же можно добавить свое изображение в хедер и/или иконку сайта (все зависит от темы). Далее, настройте меню:
Если вы только установили WooCommerce или просто не создали еще ни одной страницы, вам, возможно, еще нечего настраивать. Однако после установки WooCommerce автоматически добавляется несколько страниц, которые, я считаю, вы захотите добавить в меню. Вы легко можете добавить и создать новое меню:
После добавления меню (или нескольких) можно выбрать расположение меню, а также различные элементы меню (например, кастомные ссылки, посты, страницы, товары и т.д.).
Кастомайзер помогает гибко настроить функционал WooCommerce. Не бойтесь играться с настройками, можете сделать это и потом. Перед уходом с WordPress Customizer вы захотите указать первую страницу магазина:
Отметьте Front page displays как A static page и в качестве страницы shop укажите front page. Страница shop автоматически создается при установке плагина WooCommerce.
Страница posts зависит от того, нужен вам или нет блог на WooCommerce сайте. Если нужен, то вам необходимо создать страницу блога и выбрать ее на этой странице WordPress Customizer или в WordPress Admin Settings > Reading.
Результат
Внеся парочку базовых настроек, вы видите, как замечательно выглядит ваш интернет-магазин с темой WordPress WooCommerce:
Страницы отдельных товаров выглядят поразительно:
Даже есть сопутствующие товары:
Savoy — минималистичная WooCommerce тема с AJAX, с помощью которой можно с легкостью тонко настроить множество элементов на сайте и зайти еще дальше. Далеко за рамки этого урока. Прочитайте документацию к своей теме, чтобы знать ее тонкости. Я показал лишь те изменения, которые можно внести через WordPress Customizer. Обычно они доступны в любой теме.
webformyself.com
Как настроить WooCommerce?
Для настройки WooCommerce перейдите в админку вордпресс, а после этого смотрите в боковом меню пункты:
«WooCommerce» — «Настройка«
Нажав на кнопку настройка, Вы увидите список вкладок,и изначально окажетесь на самой первой вкладке «Общие»
Вкладка WooCommerce — Общие.
Первым делом на вкладке общее необходимо изменить страну в которой Вы находитесь, либо планируете продавать свою продукцию.Для этого в пункте «Основное местоположение» укажите основную страну (возможно она совпадет с местом Вашего проживания).После выбора страны, измените основную валюту сайта.
В раздел «Допустимые страны» выберите в выпадающем списке пункт «Определенные страны»,и тогда чуть ниже в поле «Определенные страны» перечислите все страны в которые Вы сможете организовать доставку продукции.
Чуть ниже идут настройки WooCommerce которые не критичны, и которые можно изменять по своему умолчанию, кроме одной настройки:
Включить гостевой заказ (без необходимости регистрации).
Проверьте что-бы галочка возле этого пункта стояла обязательно, так как если включить принудительную регистрацию перед покупкой, это уменьшит процент покупок на сайте, за счет включения в процесс покупки, обязательного условия, которое не всем пользователям по душе. К примеру если я выбрал товар на сайте, и для его покупки мне предлагают зарегистрироваться, мне проще оформить покупку на другом сайте где регистрация не обязательное условие.
Вкладка WooCommerce — Каталог.
В следующей вкладке каталог вы можете произвести настройки WooCommerce, которые касаются настройки каталога,информации о продукте,настройки цен и настройки изображений. Все эти пункты настраиваются индивидуально, в зависимости от потребностей сайта.
Вкладка WooCommerce — Страницы.
Помните мы еще в одной из первых статей установили страницы WooCommerce. Так вот, если автоматически их установить не удалось, то именно в этом меню, это можно проделать в ручном режиме. Как понять создались ли страницы автоматически? Если страницы создались автоматически, тогда Вы увидите вот такую ситуацию:
Если у Вас не так, тогда необходимо самому вручную создать страницу, а потом выбрать в выпадающем меню,созданную страницу.
Вкладка WooCommerce — Инвентаризация.
В настройках инвентаризации я советую ничего не менять, так как там по умолчанию установлены оптимальные настройки. В случае когда товара останется 2 или менее штук, Вам на электронную почту будет приходить уведомление о недостатке товара в магазине.
Вкладка WooCommerce — Налог.
В настройках налога укажите будете ли Вы взимать налог на продукцию. Если учет налогов включен, тогда укажите включены ли налоги в цену товара.
Остальные настройки редактируйте на Ваше усмотрение.
Вкладка WooCommerce — Доставка.
В данном разделе представлены настройки связанные с настройкой доставки товара клиенту. В принципе эти настройки редактируются на Ваше усмотрение.
Вкладка WooCommerce — Платежные шлюзы.
О платежных шлюзах мы еще поговорим в рамках серии статей про создание интернет магазина на WordPress. Ну а если вкратце то платежные шлюзы позволяют подключать различные методы оплаты.Так как большинство указанных платежных шлюзов не адаптированы для работы в странах СНГ, мы с Вами установим адаптированные платежные шлюзы на сайт.
Вкладка WooCommerce — Emails.
Позволяет настроить уведомления о приобретении товара, а также различные шаблоны, которые будут отправляться покупателю и Вам, в процессе совершения различных действий на сайте.Скорее всего также этой теме будет посвящен отдельный урок.
wpcreate.ru
Супер популярный плагин — WooCommerce предназначен для электронной коммерции и позволит вам продавать как электронные, так и физические товары в любых формах и размерах. Данный плагин очень гибкий, функциональный и подойдёт для любой темы wordpress, хотя рекомендуется использовать плагин с темой — Storefront. На данный момент плагин woocommerce установлен на более чем 30% всех онлайн магазинов в интернете. Если вы хотите создать свой онлайн-магазин, то данный плагин — это идеальный вариант, так как в нём есть абсолютно всё для создания и ведения своего онлайн-магазина. Особенности плагина:
Настройки плагина на Русском языке, всё просто и понятно !
Плагин WooCommerce абсолютно Бесплатный !
Понятный помощник установки и настройки плагина.
Видео-уроки по работе с плагином.
Настройка доставки товара, поддержка дропшиппинга.
Широкие опции оплаты, большинство банковских карт, PayPal, BACS (банковские переводы), наличные при доставке и т.д.
Полный контроль над онлайн-магазином, расчёт налогов, уровень складских запасов, управление аккаунтами пользователей и т.д.
WooCommerce может быть интегрирован практически с любым сервисом !
Более 300 дополнительных расширений доступных для вас.
Широкие настройки, открытый исходный код, создавайте свой онлайн-магазин !
Woocommerce от А до Я ! Новая инструкция 100% ! Читай здесь !!!
Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина у вас запустится компактный помощник установки, который поможет вам произвести базовые настройки. Чтобы запустить помощника, нажмите на кнопку — Вперёд. Можете нажать на кнопку — Не сейчас, тогда вы сможете запустить помощника установки в любой другой момент из админ-панели. Рекомендуется заполнить базовые настройки в помощнике, чтобы потом не заполнять их в настройках плагина. В помощнике легче и понятней заполнять основные настройки.
На следующей странице помощника будет произведена установка необходимых страниц,для вашего онлайн-магазина, нажмите на кнопку — Вперёд, чтобы совершить установку страниц.
На странице Региональные установки магазина, вам нужно выбрать страну, в которой расположен ваш Магазин и указать основную валюту для вашего Магазина. Так же здесь вы можете указать дополнительные данные и нажать на кнопку — Продолжить.
Далее, на странице Доставка и налоги, вы можете указать будете ли вы осуществлять в своём магазине доставку товаров и будете ли вы включать налоги в стоимость своих товаров. Если вы будете использовать данные функции, то поставьте галочки в соответствующих полях. Нажмите на кнопку — Продолжить.
Далее, на странице Платежи вы можете выбрать какие способы оплаты будут использоваться на вашем сайте. Так же здесь вам нужно указать свой email адрес, который привязан к сервису PayPal. PayPal — является основным платёжным сервисом плагина WooCommerce. Если у вас нет своего аккаунта в сервисе PayPal, то просто зарегистрируйте свой аккаунт на сайте PayPal, чтобы использовать сервис PayPal на своём сайте. Сервис PayPal включает в себя все виды платежей. Нажмите на кнопку — Продолжить.
На заключительной странице помощника, вам покажут дополнительные ссылки на более подробные уроки и видео-уроки по работе плагина WooCommerce. Чтобы перейти в свою админ-панель wordpress, нажмите внизу на вкладку — Вернуться в консоль WordPress.
Настройки плагина WooCommerce
Чтобы настроить плагин, перейдите на страницу: WooCommerce — Настройки. Все настройки, которые вы заполнили в помощнике уже будут отображаться в настройках плагина, вы можете их пропустить.
Основные
— Базовое местоположение, укажите в какой стране располагается ваш онлайн-магазин. Исходя из этого будут рассчитываться налоговые ставки, если вы их используете.
— Торговая точка(и), здесь вы можете ограничить список стран, в которых вы собираетесь вести продажу. Выберите значение — Продавать только в определённых странах и укажите страны.
— Адрес клиента по умолчанию, данная функция определяет адрес клиентов по умолчанию, до ввода ими данных. Выберите — Геолокация для авто-определения.
— Предупреждение магазина, можно включить предупреждение, которое будет отображаться на сайте магазина. Можно задать свой текст предупреждения. Если вы что-то дорабатываете на сайте, то можно уведомлять посетителей.
— Валюта, выберите валюту для вашего магазина.
— Позиция валюты, можно выбрать где будет отображаться символ валюты, с какой стороны цифр.
— Тысячный разделитель, можете указать здесь разделитель для тысяч. 1,000
— Десятичный разделитель, можно указать разделитель для десятитысячных цифр. 10.000
— Количество знаков десятичной дроби, можно указать количество знаков после запятой в отображаемых ценах.
— Нажмите на кнопку — Сохранить изменения.
Товары
— Основные, здесь будут указаны стандартные единицы измерения веса и габаритов. Так же здесь вы можете настроить рейтинг товаров. Можно оставить по умолчанию. Сохраните сделанные изменения.
Отображение.
— Страница Магазина, выберите основную страницу для вашего магазина, где будет отображаться архив товаров. Если вы заполняли базовые настройки в помощнике установки, то страница Магазин будет уже создана на вашем сайте. Если у вас нет страницы Магазин, то создайте страницу Магазин и выберите её в данных настройках.
— На странице магазина, можно выбрать, что будет отображаться на странице Магазин. По умолчанию отображаются товары, можно ещё добавить категории и подкатегории.
— На странице категории, выберите, что отображать на странице категорий. Оставьте по умолчанию, показ товаров.
— Сортировка товаров по умолчанию, можете выбрать как будут сортироваться товары, по популярности, по цене и т.д.
— Добавить в поведение корзины, лучший вариант по умолчанию, Ajax кнопки.
— Изображения Товара, можно задать размеры изображений по умолчанию, которые используется в списке товаров. Так же можно активировать Lightbox для изображений товара, при нажатии изображение будет увеличиваться.
Сохраните сделанные изменения.
Запасы.
Вы можете настроить параметры запасов, если у вашего онлайн-магазина есть свой склад с товарами. В настройках можете включить оповещение о низком уровне запаса и указать свой email, на который будут поступать уведомления. Сохраните сделанные изменения.
Загружаемые товары.
Здесь вы можете указать метод загрузки файлов, если вы продаёте электронные товары. Можете настроить ограничение доступа к электронным товаром. Сохраните изменения.
Налог
Параметры налогов.
Можно включить в своём онлайн-магазине функцию учёта налогов, то есть, цены будут указаны с учётом налогообложения или без. Сохраните изменения.
Стандартные ставки.
Можно настроить таблицу ставок, которые вы применяете в своём магазине. Нажмите на кнопку — Вставить строку, в таблице, в соответствующих ячейках, укажите код страны и региона, почтовый индекс, город, название ставки, название налога и т.д. Если вы используете стандартные ставки, то ставки Reduced Rate и Zero Rate можно не использовать. Сохраните изменения.
Платежи
Параметры оформления заказов.
— Купоны, можно включить использование купонов. Купоны предоставляют пользователям возможность покупать товары со скидкой.
— Оформление заказа, можете позволить гостям, незарегистрированным пользователям, оформлять заказы.
— Страницы оформления заказа, нужно указать страницу для — Корзины, Страница оформления заказа, Страница условия и соглашения, если вы хотите, чтобы перед оплатой клиент принимал ваши условия. Если вы в начале заполняли базовые настройки в помощнике по настройке плагина, то страницы Корзина и Оформление заказа, должны были создаться автоматически. Проверьте, на страницах Корзина и Оформление заказа, должны быть указаны специальные шорткоды.
— Эндпоинты оформления заказа, здесь указаны специальные термины, которые используются в URL адресе для выполнения определённых операций. Можно не менять их.
— Порядок отображения шлюзов, можете настроить порядок отображения шлюзов оплаты, путём перетаскивания.
— Сохраните изменения.
Безналичный перевод.
Здесь вы можете включить безналичный банковский перевод в вашем магазине. Можете настроить Заголовок, Описание и Инструкции, которые будут отображаться для клиентов. В деталях учётной записи вам нужно указать реквизиты банка. Если вы хотите добавить несколько банков, то нажмите на кнопку — Добавить аккаунт. В конце Сохраните изменения.
Чек.
Вы можете активировать оплату чеками, что позволит вам оформлять тестовые покупки и страницы оформления заказов. Можно будет проверить работу магазина. Сохраните изменения.
Наложенный платёж.
Можете включить наложенный платёж, то есть, наличными по факту доставки. Можете указать свой текст, который будет отображаться на странице Оформления заказа. Можете выбрать определённые способы оплаты для наличного расчёта, если оставите поле пустым, то будут применены все способы оплаты. Сохраните изменения.
PayPal.
Можете добавить способ оплаты с помощью системы PayPal. У вас должен быть зарегистрирован аккаунт в системе PayPal. На данной странице вам нужно указать свои данные, которые вы можете узнать в своём личном кабинете сервиса PayPal. Сохраните изменения.
Доставка
Если вы используете в своём онлайн-магазине функцию доставки товаров, то вы можете включить доставку и настроить параметры доставки. Можно выбрать и настроить методы доставки. Сохраните изменения.
Аккаунты
— Страница Мой аккаунт, выберите страницу для страницы Мой аккаунт, где будет отображаться информация каждого пользователя. Если вы заполняли в самом начале базовые настройки в помощнике по установке, то страница должна была создаться автоматически и здесь должна быть указана. На странице должен отображаться специальный шорткод.
— Эндпоинты Моего аккаунта, можно оставить без изменений.
— Включить регистрацию, можете включить или отключить регистрацию на страницах — Оформления заказа и Мой аккаунт. Можно включить напоминание логина для вернувшихся клиентов, на странице Оформление заказа.
— Создание аккаунта, можно включить или отключить автоматическое создание имени пользователя из email адреса, и создание пароля.
— Сохраните изменения.
Здесь вы можете настроить email уведомления, которые будут отправляться клиентам и администратору магазина. Чтобы настроить уведомление, нажмите по названию уведомления или по значку шестерёнки справа.
Так же здесь можно указать данные отправителя и настроить внешний вид письма уведомления. Можете указать URL изображения, которое будет отображаться в шапке письма. Можно указать текст, который будет отображаться в футере письма, в самом низу. Можете настроить цвета уведомления. Сохраните изменения.
API
Можно включить REST API — вспомогательная функция для разработчиков приложений и для тех кто хочет внедрить в WooCommerce какое-либо приложение.
Заказы
На странице Заказы будут отображаться все виды заказов, которые были оформлены в вашем онлайн-магазине. Вы можете просмотреть заказ нажав по его номеру.
Купоны
На странице Купоны вы можете создать новый купон, чтобы предоставить вашим клиентам скидку. Для создания нового купона, нажмите на кнопку — Добавить купон.
На странице создания купона вам нужно указать — Код купона (любой номер), Описание купона (необязательно), величину купона (размер скидки), а так же настроить остальные параметры купона, которые указаны на странице. После заполнения данных, нажмите на кнопку — Опубликовать.
Отчёты
На странице Отчёты вы можете наблюдать статистику по продажам, можно выбрать период статистики, можно выбрать дату продаж, можно выбрать конкретный товар и посмотреть его статистику, можно выбрать категорию и т.д. Можно смотреть статистику клиентов, так же здесь можно наблюдать уровень запасов.
Состояние системы
На странице Состояние системы, будет отображаться системная информация вашего сайта. Здесь можно получить системный отчёт с информацией о вашем сайте. При обращении в службу поддержки плагина вам нужно будет предоставить данную информацию.
— Инструменты, здесь вы можете воспользоваться инструментами по очистке данных.
— Журналы, лог файл, где отображаются данные по работе плагина.
Аддоны
На странице Аддоны вы можете установить тему Storefront — официальную тему для плагина WooCommerce, которая специально предназначена для данного плагина. Как изменить и настроить тему Storefront ?
Товары
На странице Товары будет отображаться список всех имеющихся на вашем сайте товаров. Здесь вы сможете редактировать тот или иной товар на вашем сайте, нажав по названию товара.
Чтобы добавить в магазин новый товар, нажмите вверху на кнопку — Добавить товар. На станице создания товара, укажите:
— Название товара.
— Содержание товара, которое отображается в свойствах товара.
— Можете добавить категорию для товара.
Так же вам необходимо указать:
— Данные товара, цена, цена со скидкой (если хотите), артикул (номер товара), дополнительные данные.
— Изображение товара.
— Краткое описание товара.
— Изображения для галереи товара, дополнительные фото, которые отображаются на странице товара.
После создания товара, на странице Магазин будет отображаться созданный товар.
Если нажать по названию или изображению товара, то у вас откроется страница Товара, где отображается информация о товаре и дополнительные изображения.
Изображения товара открываются в лайтбокс окне, который включён по умолчанию.
Так же для товаров можно создавать:
— Категории, можете создавать категории, чтобы распределять товары по категориям. Например, Женская одежда, Мужская одежда и т.д.
— Метки, можно создавать метки к товарам, например, шорты, юбки, летние, зимние и т.д.
— Классы доставки, если вы используете доставку, то можете создать классы доставки, чтобы распределить товары по методам доставки, для удобства.
— Атрибуты, атрибуты позволят вам распределить товары по дополнительным параметрам, таким как цвет и размер и т.д.
Страницы
Если вы заполняли базовые настройки в помощнике по установке, то у вас на сайте должны были появиться четыре готовых страницы: Магазин, Корзина, Оформление заказа, Мой аккаунт. Страницы должны быть указаны в настройках плагина, тогда они будут связаны между собой и у вас получится готовый онлайн-магазин.
Магазин
На странице Магазин будет отображаться список ваших товаров. Здесь вы можете добавить товар в корзину и перейти к оформлению заказа. Можно перейти на страницу Товара, где показывается информация о товаре и дополнительные фотографии галереи товара.
Корзина
На странице Корзина будут отображаться товары, которые были добавлены в корзину. Здесь указана итоговая стоимость всех товаров и кнопка — Перейти к оформлению.
Оформление заказа
На странице Оформление заказа, пользователь сможет выбрать способ оплаты и оформить покупку товара, указав свои данные.
Мой аккаунт
На странице Мой аккаунт, пользователь сможет просматривать историю своих заказов, а так же указать свои данные и реквизиты для оформления заказов.
Виджеты и Сайдбары
Плагин WooCommerce добавит на ваш сайт 10 новых виджетов. Если вы используете Тему Storefront (предназначенную специально для WooCommerce), то в вашем распоряжении будет 6 сайдбаров, боковая колонка, сайдбар под заголовком сайта и 4 колонки в подвале сайта. Виджеты:
— WooCommerce Категории, список или выпадающий список категорий товаров.
— WooCommerce Корзина, показывает корзину пользователя в боковой панели.
— WooCommerce Метки товаров, показывает метки товаров в формате облака.
— WooCommerce Навигационные фильтры, показывает навигационные фильтры слоёв.
— WooCommerce Навигация по слоям, показывает произвольный атрибут товаров.
— WooCommerce Недавно просмотренные, показывает список недавно просмотренных товаров.
— WooCommerce Поиск по Товарам, форма поиска только для товаров.
— WooCommerce Товары, показывает список товаров.
— WooCommerce Товары с высокими ценами, показывает список товаров с самыми высокими ценами.
— WooCommerce Фильтр по цене, показывает слайдер, который позволяет выбирать товары по диапазону цен.
На главной странице админ-панели wordpress, у вас появятся два новых блока: Недавние отзывы товаров (где будут отображаться последние отзывы о товарах) и Статус WooCommerce (где можно наблюдать статистику по заказам и товарам).
Заключение
По началу сложно понять как сделать свой онлайн-магазин с помощью плагина WooCommerce, много страниц, много вкладок, всё это не укладывается в голове в какую-то цельную картину. Но у вас и не получится разобраться в плагине за раз или за один день, не стоит делать поспешных и ошибочных выводов, подождите не много, дайте себе время. Действовать нужно постепенно, распределите всю работу по частям, а части по дням, например у вас будет 7 заданий и 7 дней на выполнение этих заданий. Каждый день вы будете выполнять по одному заданию. Главное не сдаваться, если вы не сдадитесь и продолжите разбираться в плагине, то успех неизбежен. Действуйте и у вас всё получится !
P.S. На самом деле плагин очень простой и очень классный, надо лишь захотеть и разобраться. То чего вы очень очень сильно хотите, сбудиться процентов !
Плагины для Магазина WooCommerce.
WP Image Zoooom — Супер эффектная фишка ! Увеличительное стекло зум для изображений, подойдёт не только для изображений товаров в woocommerce, но и для обычных изображений в записях и на страницах wordpress сайта.
YITH WooCommerce Advanced Reviews — Супер плагин ! Звёздный рейтинг и продвинутая система отзывов для онлайн-магазина WooCommerce. Как на Лучших Онлайн-Магазинах !
Smart Manager for WooCommerce & WPeC — Продвинутый смарт менеджер для управления магазином Woocommerce. Управление всем магазином с одной страницы !
Saphali Woocommerce Russian — Набор Русских дополнений для магазина WooCommerce !
YITH WooCommerce Watermark — Плагин защищает изображения товаров woocommerce с помощью водяных знаков.
Grid & List toggle for Woocommerce — Можно добавить на страницу товаров переключатель, чтобы пользователь мог выбрать вид отображения экрана, список или сетка.
WooCommerce PayPal Pro — Платёжный шлюз сервиса PayPal профессионал позволит вам принимать платежи с кредитных карт ваших клиентов.
YIKES Собственные вкладки товара для WooCommerce — Создавайте собственные вкладки на странице товара, добавляйте в них всё что угодно. Можно создавать несколько вкладок.
WooCommerce Social Media Share Buttons — Кнопки популярных соцсетей поделиться на страницу товара woocommerce.
WooCommerce Facebook Like Share Button — Кнопка фейсбук нравится и поделиться в онлайн магазин woocommerce. Можно включить кнопку для записей блога и страниц.
FG PrestaShop to WooCommerce — Данный плагин поможет вам очень просто перенести свой онлайн магазин из PrestaShop в Woocommerce.
Woocommerce Products Slider — Вы сможете добавить в свой онлайн магазин woocommerce стильный слайдер товаров.
WooDiscuz — WooCommerce Comments — Плагин добавляет на страницу товара woocommerce систему комментариев. В комментариях имеется система голосования, кнопки поделиться в соцсетях, Ajax загрузка.
Custom Related Products for WooCommerce — Плагин добавит на каждую страницу товара woocommerce похожие товары из той же категории. Вы сможете устанавливать свои любые товары для каждого товара.
Смотреть все плагины для интернет-магазина Woocommerce.
dommol29.ru