Как настроить интернет магазин на примере темы WordPress для WooCommerce. Разбираемся с настройкой тем WooCommerce под WordPress

Вы знали, что 40% пользователей покидают сайты с плохим дизайном? Зачем терять прибыль? Выберите и установите один из лучших премиум шаблонов WordPress прямо сейчас!

Любому магазину нужен полноценный функционал. Если ваш магазин создан на WooCommerce, то вы получаете готовый магазин с базовыми возможностями, в том числе с каталогом, корзиной, списком желаний и системой оплаты с поддержкой основных платежных систем. Но что если вам этого не хватает? Что если вы хотите упростить управление магазином, повысить продажи, проводить эффективные промо-кампании, предоставлять скидки и оформить магазин в стиле каталога без цен? А может вам нужно проверенное решение для продвижения своих товаров в социальных сетях или готовая система email-маркетинга? Для всего этого вам понадобятся WooCommerce плагины, в частности YITH WooCommerce.

WooCommerce – самое популярное решение для создания интернет-магазина, которое использует больше 28 миллионов eCommerce-площадок. Среди них известный производитель обуви и одежды New Balance и певица Taylor Swift .

Эта платформа выигрывает у других аналогичных решений не только по доле на рынке (41% у WooCommerce против 6% у Shopify и 4% у Magento), но и по многим другим параметрам, в том числе по простоте разработки сайта, управлению магазином, функционалу, безопасности и так далее. Подробнее сравнение WooCommerce с другими платформами можно прочесть и .

YITH WooCommerce самые лучшие плагины – Почему WooCommerce и YITH?

YITH – относительно молодая команда разработчиков, которая создает шаблоны и плагины специально для сайтов на WooCommerce. На ней размещено больше 26 тем с уникальным дизайном и чуть более 180 плагинов для магазинов. Плагины на сайте разбиты по категориям: администрирование, работа с клиентами, дизайн и навигация, страницы товаров, продвижение и маркетинг и другие. На сегодняшний день это лучшая площадка с самыми продвинутыми плагинами для интернет-магазина. Цены здесь относительно высокие, но, поверьте, эти плагины того стоят. Деньги, потраченные на их покупку, сполна окупятся теми преимуществами, которые они предоставляют. Правильно внедрив качественную стратегию продвижения, вы сможете довольно быстро отбить вложенную в покупку плагина сумму и продолжать зарабатывать в десятки и сотни раз больше. А от бесплатных плагинов только одна нервотрепка. Они могут глючить, иметь вредоносный код и поставить под угрозу не только безопасность данных ваших покупателей, но и безопасность всего магазина. Когда дело касается платежей, это особенно важно.

YITH WooCommerce – Подборка лучших плагинов от команды InBenefit

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

УПРАВЛЕНИЕ МАГАЗИНОМ

1. YITH WooCommerce Bulk Product Editing (стоимость – 79$)

Как часто бывает, что вам нужно изменить цены на большое количество товаров, описание товаров в целой категории или какие-то другие параметры, связанные с группой товаров? Этот плагин позволит вам сэкономить время, предоставив решение по более удобному управлению товарами в магазине. Особенно это актуально для работы больших магазинов.

– Редактирование любых полей товара.
– Добавление новых полей.
– Возможность редактирования текста для группы товаров.
– Групповое изменение цен (в процентном или числовом выражении).
– Простая и четкая фильтрация товаров для редактирования.
– Возможность добавления товаров.
– Быстрое удаление группы товаров.
– Импорт и экспорт данных из XML-файлов.
– Возможность перевода на русский.

Хватит мучиться и тратить лишнее время на тривиальные задачи – выберите плагин Bulk Product Editing, чтобы сделать администрирование своего магазина существенно проще.

ДИЗАЙН И НАВИГАЦИЯ

1. YITH WooCommerce Ajax Search (стоимость – 65$)

С этим плагином вашим покупателям будут предоставлены самые современные возможности поиска товаров. Находить любимые товары гораздо удобнее, если результаты сразу же отображаются в поисковой строке. Именно этого и позволяет добиться технология AJAX и плагин поиска товаров от команды YITH.

– Превью фото товара и выбор его расположения, отображение полной цены/цены со скидкой и отображение краткого описания непосредственно в результатах поиска.
– Поддержка значков «Распродажа» в результатах поиска для привлечения внимания.
– Расширенный поиск по тегам, коду товара и категориям для удобства покупателя.
– Возможность поиска по продавцам (при использовании с плагином Multi Vendor – о нем расскажем ниже).
– Два макета поисковой формы.
– Поддержка русского языка.

Скорость и удобство поиска для покупателя играют решающую роль при выборе интернет-магазина, особенно если учесть, что в среднем человек находится на сайте не более 15 секунд. С плагином Ajax Search навигация по магазину станет гораздо удобнее, а нужные товары будут находиться быстрее. А значит и продаваться они будут эффективнее.

1. YITH WooCommerce Ajax Product Filter Premium (стоимость – 69$)

Вы знали о том, что 75% покупателей покидают сайт, если не могут найти то, что им нужно в течение 15 секунд? Цель этого плагина аналогична цели предыдущего – упростить и ускорить поиск нужных товаров. Чем удобнее и быстрее работает система фильтрации и поиска, тем больше вероятность покупки именно в вашем магазине. Позаботьтесь о том, чтобы ваши потенциальные покупатели не ушли с вашего сайта – в этом вам помогут возможности плагина Ajax Product Filter.

– Различные макеты и виджеты для оформления.
– Настройка параметров ценового фильтра в админ-панели.
– Настройка SEO-параметров URL-страниц.
– Фильтрация товаров по цене, категории и производителю (с плагином WooCommerce Brands Add-On).
– Сортировка товаров по алфавиту или количеству товаров в категории.
– Возможность отображения исключительно товаров «Есть в наличии» и/или «На складе».
– Возможность быстрого заказа товара на странице результатов поиска без перехода на отдельную страницу (технология AJAX).

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

1. YITH WooCommerce Quick View (стоимость – 59$)

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

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

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

– Неограниченное количество вишлистов.
– Скрытые или открытые вишлисты.
– Возможность поиска вишлистов других покупателей.
– Перенос товаров из одного вишлиста в другой.
– Возможность прямого добавления товаров из вишлиста в корзину.
– Ограничение возможностей вишлиста для незарегистрированных пользователей с предложением зарегистрироваться, чтобы получить полный доступ к функциям вишлиста (позволяет расширить клиентскую базу).
– Анализ статистики популярности товаров в вишлистах с возможностью проведения акций для самых популярных из них.

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

– Поддержка большого количества опций.
– Возможность создания групп опций и настройка их поддержки всеми товарами, конкретными категориями и конкретными товарами.
– Отображение опций только для тех, кто выбрал соответствующий «флажок».
– Отображение всплывающих подсказок для опций и атрибутов.
– Варианты опций: цвет, текст и изображение.
– Изменение фото товара в зависимости от выбранной опции.
– Отображение различных вариантов опций в каталоге.
– Поддержка обязательных к заполнению опций для добавления товара в корзину.
– Предложение дополнительных услуг (доставка, страховка и так далее).

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

– Автоматический выбор системой доступной даты доставки и возможность изменения даты вручную.
– Возможность выбора временного промежутка для доставки.
– Отслеживание товара.
– Настройка максимального количества заказов за один временной промежуток (для администратора).
– Изменение стоимости доставки для различных дней и времени.
– Связь с графиком работы служб доставки.

Супер популярный плагин — WooCommerce предназначен для электронной коммерции и позволит вам продавать как электронные, так и физические товары в любых формах и размерах. Данный плагин очень гибкий, функциональный и подойдёт для любой темы wordpress, хотя рекомендуется использовать плагин с темой — . На данный момент плагин woocommerce установлен на более чем 30% всех онлайн магазинов в интернете. Если вы хотите создать свой онлайн-магазин, то данный плагин — это идеальный вариант, так как в нём есть абсолютно всё для создания и ведения своего онлайн-магазина. Особенности плагина:

Настройки плагина на Русском языке , всё просто и понятно!

Плагин WooCommerce абсолютно Бесплатный!

Понятный помощник установки и настройки плагина.

Видео-уроки по работе с плагином.

Настройка доставки товара , поддержка дропшиппинга.

Широкие опции оплаты, большинство банковских карт, PayPal, BACS (банковские переводы), наличные при доставке и т.д.

Полный контроль над онлайн-магазином, расчёт налогов, уровень складских запасов, управление аккаунтами пользователей и т.д.

WooCommerce может быть интегрирован практически с любым сервисом!

Более 300 дополнительных расширений доступных для вас.

Широкие настройки, открытый исходный код, создавайте свой онлайн-магазин!

Установить плагин вы сможете прямо из админ-панели 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. Сохраните изменения .

Доставка

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

Аккаунты

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

— Эндпоинты Моего аккаунта, можно оставить без изменений.

— Включить регистрацию, можете включить или отключить регистрацию на страницах — Оформления заказа и Мой аккаунт . Можно включить напоминание логина для вернувшихся клиентов, на странице Оформление заказа.

— Создание аккаунта, можно включить или отключить автоматическое создание имени пользователя из email адреса, и создание пароля.

— Сохраните изменения .

Email

Здесь вы можете настроить email уведомления, которые будут отправляться клиентам и администратору магазина. Чтобы настроить уведомление, нажмите по названию уведомления или по значку шестерёнки справа.

Так же здесь можно указать данные отправителя и настроить внешний вид письма уведомления. Можете указать URL изображения, которое будет отображаться в шапке письма. Можно указать текст, который будет отображаться в футере письма, в самом низу. Можете настроить цвета уведомления. Сохраните изменения .

API

Можно включить REST API — вспомогательная функция для разработчиков приложений и для тех кто хочет внедрить в WooCommerce какое-либо приложение.

Заказы

На странице Заказы будут отображаться все виды заказов, которые были оформлены в вашем онлайн-магазине. Вы можете просмотреть заказ нажав по его номеру.

Купоны

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

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

Отчёты

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

Состояние системы

На странице Состояние системы , будет отображаться системная информация вашего сайта. Здесь можно получить системный отчёт с информацией о вашем сайте. При обращении в службу поддержки плагина вам нужно будет предоставить данную информацию.

— Инструменты, здесь вы можете воспользоваться инструментами по очистке данных.

— Журналы, лог файл, где отображаются данные по работе плагина.

Аддоны

На странице Аддоны вы можете установить тему Storefront — официальную тему для плагина WooCommerce, которая специально предназначена для данного плагина.

Товары

На странице Товары будет отображаться список всех имеющихся на вашем сайте товаров. Здесь вы сможете редактировать тот или иной товар на вашем сайте, нажав по названию товара.

Чтобы добавить в магазин новый товар, нажмите вверху на кнопку — Добавить товар . На станице создания товара, укажите:

— Название товара.

— Можете добавить категорию для товара.

Так же вам необходимо указать:

— Данные товара, цена, цена со скидкой (если хотите), артикул (номер товара), дополнительные данные.

— Изображение товара .

— Краткое описание товара .

— Изображения для галереи товара, дополнительные фото, которые отображаются на странице товара.

После создания товара, на странице Магазин будет отображаться созданный товар.

Если нажать по названию или изображению товара, то у вас откроется страница Товара, где отображается информация о товаре и дополнительные изображения.

Изображения товара открываются в лайтбокс окне, который включён по умолчанию.

Так же для товаров можно создавать:

— Метки, можно создавать метки к товарам, например, шорты, юбки, летние, зимние и т.д.

— Классы доставки, если вы используете доставку, то можете создать классы доставки, чтобы распределить товары по методам доставки, для удобства.

— Атрибуты, атрибуты позволят вам распределить товары по дополнительным параметрам, таким как цвет и размер и т.д.

Страницы

Если вы заполняли базовые настройки в помощнике по установке, то у вас на сайте должны были появиться четыре готовых страницы: Магазин , Корзина , Оформление заказа , Мой аккаунт . Страницы должны быть указаны в настройках плагина, тогда они будут связаны между собой и у вас получится готовый онлайн-магазин.

Магазин

На странице Магазин будет отображаться список ваших товаров. Здесь вы можете добавить товар в корзину и перейти к оформлению заказа. Можно перейти на страницу Товара, где показывается информация о товаре и дополнительные фотографии галереи товара.

Корзина

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

Оформление заказа

На странице Оформление заказа, пользователь сможет выбрать способ оплаты и оформить покупку товара, указав свои данные.

Мой аккаунт

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

Виджеты и Сайдбары

Плагин WooCommerce добавит на ваш сайт 10 новых виджетов. Если вы используете Тему Storefront (предназначенную специально для WooCommerce), то в вашем распоряжении будет 6 сайдбаров, боковая колонка, сайдбар под заголовком сайта и 4 колонки в подвале сайта. Виджеты:

— WooCommerce Корзина, показывает корзину пользователя в боковой панели.

— WooCommerce Метки товаров, показывает метки товаров в формате облака.

— WooCommerce Навигационные фильтры, показывает навигационные фильтры слоёв.

— WooCommerce Навигация по слоям, показывает произвольный атрибут товаров.

— WooCommerce Недавно просмотренные, показывает список недавно просмотренных товаров.

— WooCommerce Поиск по Товарам, форма поиска только для товаров.

— WooCommerce Товары, показывает список товаров.

— WooCommerce Товары с высокими ценами, показывает список товаров с самыми высокими ценами.

— WooCommerce Фильтр по цене, показывает слайдер, который позволяет выбирать товары по диапазону цен.

На главной странице админ-панели wordpress, у вас появятся два новых блока: Недавние отзывы товаров (где будут отображаться последние отзывы о товарах) и Статус WooCommerce (где можно наблюдать статистику по заказам и товарам).

Заключение

По началу сложно понять как сделать свой онлайн-магазин с помощью плагина WooCommerce, много страниц, много вкладок, всё это не укладывается в голове в какую-то цельную картину. Но у вас и не получится разобраться в плагине за раз или за один день, не стоит делать поспешных и ошибочных выводов, подождите не много, дайте себе время. Действовать нужно постепенно, распределите всю работу по частям, а части по дням, например у вас будет 7 заданий и 7 дней на выполнение этих заданий. Каждый день вы будете выполнять по одному заданию. Главное не сдаваться, если вы не сдадитесь и продолжите разбираться в плагине, то успех неизбежен. Действуйте и у вас всё получится!

P.S. На самом деле плагин очень простой и очень классный, надо лишь захотеть и разобраться. То чего вы очень очень сильно хотите, сбудиться процентов!

Плагины для Магазина WooCommerce.

— Супер эффектная фишка! Увеличительное стекло зум для изображений, подойдёт не только для изображений товаров в woocommerce, но и для обычных изображений в записях и на страницах wordpress сайта.

— Супер плагин! Звёздный рейтинг и продвинутая система отзывов для онлайн-магазина WooCommerce. Как на Лучших Онлайн-Магазинах!

— Платёжный шлюз сервиса PayPal профессионал позволит вам принимать платежи с кредитных карт ваших клиентов.

— Создавайте собственные вкладки на странице товара, добавляйте в них всё что угодно. Можно создавать несколько вкладок.

— Данный плагин поможет вам очень просто перенести свой онлайн магазин из PrestaShop в Woocommerce.

— Вы сможете добавить в свой онлайн магазин woocommerce стильный слайдер товаров.

Плагин Regenerate Thumbnails понравится тем, у кого уже есть магазин, а все изображения подстроены под предыдущую тему. Этот плагин изменит размер всех ваших изображений из WordPress Media Library под требования новой темы. Вы можете не делать это с фиктивными данными или же вообще пропустить этот плагин (но мы всё равно рекомендуем воспользоваться его услугами, тогда все медиа-файлы будут правильного размера для тестирования).

Плагины типа Envato Toolkit, однако, очень важны для тем, купленных на ThemeForest, гарантируя, что вы будете уведомлены об обновлениях темы.

Если вы используете тему от ThemeForest, как в нашем примере с Savoy, не забудьте ввести ваш Marketplace Username и Secret API Key в Envato WordPress Toolkit, чтобы следить за обновлениями темы.

Настройка

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

У вас есть доступ к WordPress Customizer из меню Внешний вид → Настроить .

Добро пожаловать в WordPress Customizer:

Здесь мы изменим пару вещей, а потом перейдем к более глубоким настройкам.

Первое, что вы увидите, будет Site Identity . Тут вы можете изменить название и рекламный слоган сайта.

Иногда здесь вы можете добавлять изображение в шапке сайта или иконку сайта (это зависит от темы).

Если вы еще не создавали страницы, то настраивать почти нечего. Но WooCommerce автоматически добавляет несколько новых страниц, которые вы захотите добавить в меню.

Вы можете легко добавлять и создавать новое меню:

Как только вы добавите меню (одно или несколько), вы можете выбрать, где оно и его разделы (такие как ссылки, записи, страницы, товары) должны располагаться.

У вас есть свобода настройки функциональности вашего сайта. Не бойтесь экспериментировать.

До того, как мы закончим работу с WordPress Customizer, вы захотите создать главную страницу вашего сайта:

Пометьте «Front page displays » как «A static page » и выберите в выпадающем меню «Front page » - «Shop ». Shop страница была создана автоматически при установке плагина WooCommerce.

Что насчёт страницы записей, тут всё зависит от того, хотите ли вы вести блог на вашем сайте WooCommerce. Если да, то вам нужно будет создать страницу блога и выбрать её в WordPress Customizer или в меню Настройки → Чтение.

Результаты

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

Страницы товаров выглядят потрясающе:

Тут даже есть блок с Похожими товарами:

Savoy позволяет вам настраивать много элементов вашего сайта, и не только те, о которых мы рассказали (внимательно изучите документацию вашей темы, чтобы узнать её особенности). Мы показали вам только те настройки, которые можно сделать с помощью WordPress Customizer и которые одинаковы для всех тем.

Итоги

Видите, как легко сделать эти первые шаги в настройке новой WooCommerce темы, и как красивы темы, созданные специально для WooCommerce? Но это еще не все!

Вы можете найти , а также для вашего магазина.

Мы уверенны, что вы найдете классную WooCommerce тему, которая идеально подойдёт вашему интернет магазину.

Вам понравился материал?

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

Это только первая часть урока, после которой мы рекомендуем прочесть "Интернет магазин на WordPress с помощью плагина WooCommerce - часть 2".

Для начала нужно , чтобы далее с ней работать. Для размещения сайта на хостинге рекомендуем . Для создания Интернет магазина на Вордпресс, вам необходимо владеть базовыми знаниями работы с WordPress. Для этого следует ознакомиться с разделом " ". Если вы умеете работать с WordPress, читайте далее.

Скачайте плагин WooCommerce

Для создания Интернет магазина на WordPress вам потребуется плагин WooCommerce <- перейдите по ссылке и скачайте плагин. Если плагин скачали, то можете сразу , а затем активировать его. После активации плагина, в админке WordPress вы увидите новый тип записи Products и новую вкладку для настройки плагина WooCommerce.

Настройка WooCommerce

Настройка WooCommerce, пожалуй, самый важный этап в создании Интернет магазина на Вордпресс.

WooThemes - шаблоны для вашего Интернет магазина

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

Русификация WooCommerce

Чтобы вам было удобней работать с вашим Интернет магазином, рекомендуем русифицировать плагин WooCommerce. Для этого вам нужно установить плагин Saphali Woocommerce Russian . После этого весь интерфейс плагина будет переведен на Русский язык и будут добавлены русские валюты. Также вы можете с помощью кода.

Настройка страниц Интернет магазина

После установки плагина WooCommerce, вам будет предложено настроить страницы вашего Интернет магазина. Это нужно сделать в первую очередь. Чтобы перейти к настройкам страниц вы можете щелкнуть по кнопке "Установить страницы WooCommerce" или перейти на вкладку WooCommerce -> Настройки -> Страницы.

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

Создание специальных страниц для WooCommerce

Если по каким-то причинам страницы не были созданы автоматически, сделайте это вручную, следующим образом. Создайте WordPress страницу с именем, например "Корзина". Чтобы активировать корзину на этой странице добавьте shortcode в содержимое страницы:

Это можно сделать с помощью кнопки в визуальном редакторе, как показано на рисунке ниже.

Аналогичным образом нужно создать другие страницы.

shortcode для WooCommerce

На всякий случай, ниже опубликуем все необходимые shortcode для WooCommerce.

Изменить мой адрес

Изменить пароль

Посмотреть заказ

Оплатить

Новые товары

На этом основная работа закончена, как и первая часть. Читайте далее "Интернет магазин на WordPress с помощью плагина WooCommerce - часть 2".

Расскажите друзьям

Нравится блог? - Читайте ВКонтакте

Подписывайтесь и получайте полезные статьи на почту!

Настройки плагина WooCommerce

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

Рассмотрим все по пунктам. Я немного обобщил пункты на скриншоте – объединил их по функционалу. Надеюсь, так будет понятнее. Пункт № 1 состоит ни нескольких настроек:

1. «Основное местоположение». Здесь вы указываете географическое место нахождения вашей компании. Налоговый сбор будет рассчитываться, исходя из этого пункта настроек.
2. После выбора места нужно изменить валюту сайта. Так, если ваш бизнес находится в России, то вполне естественным будет установить рубли для оплаты.
3. Пункт «Допустимые страны» — здесь вы укажете те государства, в которые будет осуществляться доставка товаров.
4. Последний в этих настройках – пункт «Уведомления магазина». Если поставить здесь галочку, то вы можете вывести любое сообщение над шапкой сайта. Например, уведомление об открытии магазина или о добавлении новой категории товаров. Приблизительно так:

В пункте № 2 собраны настройки корзины, оплаты и аккаунта:

1. Если вы включите пункт «Купоны», то на страницах оплаты и корзины появится возможность пользоваться при оформлении заказа купонами-скидками, которые вы же и будете предоставлять своим посетителям. Например, при добавлении новых товаров, чтобы привлечь больше покупателей.
2. Пункт «Оплата» — можно включить гостевой заказ (то есть — при покупке не нужно будет регистрироваться). Также включается пользовательское поле для примечаний на странице оформления заказа. Можно настроить безопасное соединение при заказе, то есть — использовать принудительно SSL (HTTPS) соединение на странице оформления заказа (требуется SSL-сертификат). Зачем это нужно, я не знаю.

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

Пункт № 3 – «Стили и скрипты». Здесь все понятно – вы можете настроить цветовую гамму страниц, исходя из стилей, которые задает плагин WooCommerce. Если эти стили отключить, то всю настройку дизайна нужно будет делать вручную, в файле стилей или в настройках вашей темы. Также вы можете отключить скрипт Lightbox, о котором я писал в предыдущей статье , и включить умный поиск нужного государства из списка разрешенных стран.

Пункт № 4 – «Загружаемые товары». Первое, что можно здесь настроить – загружать файлы, скрывая при этом адрес загрузки. Еще можно ограничить доступ к загружаемым файлам для гостей сайта – пользоваться загрузкой смогут только зарегистрированные пользователи. Это для случая, если вы торгуете электронными файлами. И еще одна функция — предоставление доступа к загружаемым продуктам только после оплаты заказа. Включите эту опцию, чтобы предоставить доступ к загрузкам, когда заказы будут иметь статус «Обработка», а не «Выполнен».

Каталог WooCommerce

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

Пункт № 1 – «Настройки каталога». Первое, что можно отредактировать – рассортировать товары по цене, по популярности, по рейтингу, который выставляют пользователи, или по дате добавления – на ваш выбор. Дальше можно настроить отображение страницы магазина – отображать главную страницу со списком товаров, со списком категорий или на свое усмотрение. И еще здесь можно настроить пользование корзиной – включить переход на страницу корзины после успешного добавления покупки и включить AJAX для кнопки добавления в корзину в архивах. Это немного ускорит работу сайта.

Пункт № 2 – «Информация о продукте». Здесь настройки простые:

1. Включить поле «Артикул» для продуктов (об этом поле я писал в статье ).
2. Включить поле «Вес» для продуктов (некоторые способы доставки могут потребовать этого).
3. Включить поле указания размеров товара для продуктов (те же требования).
4. Отображать значения «Вес» и «Размеры» во вкладке «Характеристики» товара.
5. Вы можете изменить единицу измерения веса – килограммы, граммы, фунты или унции.
6. Вы можете изменить единицу размеров – миллиметры, сантиметры, дюймы или ярды.
7. В пункте «Рейтинг товара» можно включить такие функции, как рейтинг по отзывам, указание рейтинга товара для того, чтобы оставить свой отзыв, и включить метку «Владелец товара», которая будет отображаться в отзывах.

Следующий пункт – «Настройки цен». Здесь все довольно просто, и направлено на упрощенное визуальное восприятие цен на сайте. Например, отключить нули после запятой. Последний пункт – «Настройки изображений». Этими настройками вы можете задать размер изображений в вашем каталоге, так как принцип визуализации решается при помощи CSS стилей. Если вы здесь измените размеры своих изображений, то вам также нужно будет задать новые размеры для миниатюр в пункте «Параметры» — «Медиафайлы».

Страницы в настройках WooCommerce

Страницы магазина плагин WooCommerce устанавливает автоматически, а если по какой-то причине он этого не сделал, то в настройках страниц вы можете сделать это вручную. Также вы можете удалить ненужные страницы. Все новые страницы необходимо настроить в пункте «Меню» во вкладке «Внешний вид» Вордпресс. То есть, включить их в меню или нет.

Инвентаризация WooCommerce

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

Текст уведомления вы должны составить сами, и отправку этого сообщения вы тоже можете адресовать не только себе, а тем пользователям, которых вы выберете из списка зарегистрированных.

Вкладка Налог

Сами понимаете – деньги счет любят. В настройках налога можно изменить одно — будет ли взиматься налог на товар. Если налоги включены, то укажите, включен ли налог в стоимость товара. Расчет налогов производится по адресу покупателя или по адресу магазина. Также можно включить отображение стоимости товара с учетом налога. Я думаю, так будет правильно, чтобы ваши покупатели не задавали потом лишних вопросов.

Настройки доставки товара покупателю мы тоже рассмотрим по пунктам.

Пункт № 1 – настройки доставки.

1. Вы можете активировать доставку товара. В принципе, это обязательно нужно сделать — ведь мало кто сам приедет на склад за товаром.
2. Вы можете включить расчет доставки товара на странице «Корзина» для наглядности и убедительности.
3. Можно также скрыть стоимость доставки, пока покупатель не введет свой адрес. Также вы можете не включать адресные данные в способ оплаты, а рассчитывать доставку только на основании реквизитов оплаты.

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

Вкладка Платежные шлюзы

О платежных шлюзах я расскажу в последней статье, посвященной . А сейчас просто коротко рассмотрим свойства платежных шлюзов. Они позволяют подключать разные методы оплаты товаров. Очень много способов оплаты товара, которые существуют в плагине WooCommerce, попросту не адаптированы для работы в нашем бывшем СССР – сами понимаете, почему. Плагин-то не наш, не отечественный. Поэтому нам нужно установить адаптированные платежные шлюзы на свой интернет-магазин. Скажу только, что можно настроить оплату по безналичному расчету, чеками, наличными или электронными деньгами.

А как это сделать – расскажу в следующей, последней статье.

Вкладка Emails на WooCommerce

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

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

1. Настройки электронной почты.
2. Новый заказ.
3. Обработка заказа.
4. Заказ выполнен.
5. Счет-фактура клиента.
6. Заметка клиента.
7. Сбросить пароль.
8. Новый аккаунт.

Вкладка Интеграция

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

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