Полное руководство по созданию интернет-магазина с помощью WordPress WooCommerce

Запуск интернет-магазина может оказаться трудоёмким. Но благодаря таким платформам как WooCommerce, создание интернет-магазина на базе вашего WordPress-сайта становится проще, чем когда-либо.

Почему WooCommerce?

Есть несколько плагинов для создания сайта интернет-магазина на базе WordPress. WP Ecommerce, Jigoshop и Ecwid – это только некоторые из них.

Почему нужно использовать именно WooCommerce:

  • Он бесплатный;
  • Для него существует сотни расширений;
  • В нем можно использовать готовые шаблоны или собственный дизайн;
  • Прост в установке и использовании;
  • Максимально дружелюбен к разработчику;
  • Возможность расширенной настройки.

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

С помощью этого плагина вы сможете продавать:

  • Цифровые продукты: книги, программное обеспечение, онлайн-курсы и т.п.;
  • Сервисы;
  • Физические товары;
  • Подписки на физические или онлайн-издания, сервисы;
  • Партнёрские продукты;
  • Продукты с доставкой;
  • Нестандартные продукты;
  • Билеты на различные встречи/конференции.

На самом деле вы сможете продавать всё, на что можно прикрепить ценник!

Что понадобится для использования WooCommerce:

  • Сайт на основе WordPress;
  • WooCommerce (бесплатный плагин с открытым исходным кодом);
  • Продукты для продажи;
  • Знание правил налогообложения для вашего типа продукции;
  • Аккаунт в PayPal (желательно);
  • Аккаунт в Stripe (желательно).

Как начать

Шаг 1:

Найдите WooCommerce на странице плагинов, установите и активируйте его.

Шаг 2:

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

Настройка страницы

Сначала нужно разрешить WooCommerce создать несколько страниц, необходимых для развертывания интернет-магазина. Это страницы «Мой профиль», «Корзина» и «Оформление заказа». После создания они будут доступны на вкладке «Страницы» в панели администрирования WordPress.

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

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

Налогообложение

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

Сначала укажите, осуществляете ли вы доставку продаваемых товаров. Если поставите галочку в этом пункте, плагин WooCommerce заполнит остальные опции доставки.

Затем можно указать, взимаете ли вы налог сами. К счастью, WooCommerce помогает в этом, устанавливая настройки в зависимости от местоположения, которое вы указали ранее.

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

Платежи

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

Этот шаг позволит добавить желаемые методы оплаты.

Рекомендуется добавить PayPal и Stripe (систему обработки платежей банковскими картами), поскольку большинство онлайн-покупателей используют их.

Замечание: включение PayPal и Stripe заполнит оба профиля в панели администрирования плагина WooCommerce. Поэтому нужно будет посетить страницу настроек платежей, чтобы привязать ваши учётные записи в этих системах.

Завершение настроек

Перейдите на страницу WooCommerce → Settings. Здесь вы найдете несколько дополнительных настроек, но мы разберём наиболее важные: налоги, доставка, платежи и email-рассылки.

Зоны доставки

Эта страница позволяет устанавливать различные опции доставки для каждого региона.

Методы платежа

Теперь пришло время протестировать процесс оплаты. Если у вас ещё остались ненастроенные методы оплаты, перейдите в раздел WooCommerce → Settings → Checkout.

Здесь вы найдете список методов оплаты (в строке вверху). Если вы прокрутите страницу ниже, то увидите тот же список с символом справа, обозначающим, включен или выключен соответствующий метод оплаты. Вы можете кликнуть по любому из этих методов, чтобы посмотреть их настройки.

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

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

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

Добавление товаров

Чтобы добавить товары, перейдите на вкладку «Товары» в панели администрирования и нажмите на кнопку «Добавить».

Также можно использовать секцию «Следующие шаги» в установщике плагина. При нажатии на эту кнопку WooCommerce проведёт вас по шагам добавления первого товара.

Вы увидите здесь несколько полей:

  1. Название товара
  2. Описание товара
  3. Данные товара

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

Внутри секции нужно указать тип товара: простой товар, группированный товар, внешний/партнёрский товар или нестандартный.

  • Простой товар: обычный товар без вариаций или особых параметров. Он может быть физическим, виртуальным или загружаемым. Выберите этот вариант, а затем поставьте галочку напротив варианта «виртуальный» или «загружаемый». Либо оставьте ячейки пустыми, если это физический товар.
  • Группированный товар: группа родственных товаров.
  • Внешний/партнёрский: товар продаётся в другом месте, а вы получаете комиссию, направляя покупателя на другой сайт.
  • Нестандартный: товар, у которого есть различные вариации/спецификации. Например, футболка, которая поставляется в разных цветах и/или размерах.

Следующие опции отображаются в зависимости от типа добавляемых товаров.

Общие: установите цены и параметры налогообложения.

Склад: установите артикул и количество единиц, если хотите управлять количеством товара на складе. После того, как вы распродадите весь товар, имеющийся в наличии, он автоматически будет помечен как «нет в наличии».

Доставка: используйте этот раздел, чтобы установить единицы измерения продукта и информацию о доставке. Если вы не видите опций доставки, нужно задать эти параметры в настройках WooCommerce.

Связанные товары: вы наверняка помните разделы «вам может это понравиться» или «с этим часто покупают…», которые вы видите при выборе товаров в интернет-магазине? Вот здесь вам нужно установить эти связанные/родственные товары. Можно добавить «up sell» и «cross sell» продукты.

Параметры: здесь устанавливаются параметры товара. Например, если вы продаёте футболки разного размера или цвета, перечислите эти параметры здесь.

Чтобы добавить параметр, нажмите кнопку “Add”. После этого появится новое поле, в котором нужно указать название параметра, различные вариации/опции. В приведенном ниже примере параметром является размер:

Значения/опции должны быть разделены символом: |. После заполнения информации нажмите на кнопку “Save attributes”.

Дополнительно: заполняется, если нужно отправить сообщение клиенту после совершения заказа, изменить порядок меню или отключить отзывы.

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

Это поле будет появляться под названием товара на его странице.

  1. Категории товаров

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

  1. Тэги товара

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

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

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

  1. Галерея товара

Используйте этот раздел для добавления дополнительных изображений товара.

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

После того, как установите рассмотренные выше параметры, нажмите кнопку «Опубликовать». Ваш первый товар добавлен!

После добавления товара просмотрите его страницу, чтобы проверить, как всё будет выглядеть для клиента. Большая часть стилизации элементов страницы будет соответствовать вашей WordPress-теме, однако, если вам что-то не понравится, вернитесь в панель администрирования и измените это.

Если вернётесь назад и нажмёте на вкладку товаров в панели администрирования, то увидите панель управления вашими товарами с информацией о них. Вы можете осуществить «быструю правку» на этой странице так же, как вы бы сделали это для страницы или записи в WordPress.

Email-рассылки

На странице WooCommerce → Settings → Emails вы сможете изменять и настраивать все email — сообщения, которые будут отправляться пользователям.

Изначально вы увидите список подготовленных email-уведомлений, которые были автоматически созданы плагином WooCommerce. Как видно в колонке получателей, некоторые из них отправляются клиентам, тогда как другие только внутренние.

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

В поле «От» укажите имя отправителя. А также email-адрес, с которого будут отправляться письма. Помните, что это адрес, на который будут приходить ответы от пользователей интернет-магазина.

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

Затем можно настроить каждое письмо отдельно: изменить тему и заголовки или загрузить другой шаблон.

Если хотите стимулировать продажи, рассмотрите настройки отправки «up sell» или «cross sell» информации в email-сообщениях.

Тема

Storefront – официальная тема WooCommerce, используемая по умолчанию. Она бесплатная и включает в себя все инструменты, необходимые для создания простого интернет-магазина.

Советы по дизайну

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

Страницы интернет-магазина

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

Интернет-магазин – это ваш шанс удивить клиентов. Поэтому убедитесь, что дизайн и контент сайта созданы для того, чтобы продавать!

Рекомендованные расширения

  • WooCommerceExtraProductOptions – это расширение добавляет дополнительную функциональность и настройки к страницам товаров в WooCommerce. Вы можете добавить формы, группы переключателей, поля, скрывать цены и делать многое другое.
  • WooCommerceShipmentTracking – обязателен для любого интернет-магазина, осуществляющего доставку заказов. Уведомляйте ваших клиентов по электронной почте, как только заказ отправлен, и позволяйте им отслеживать доставку товара прямо в учётной записи на вашем сайте!
  • WooCommerceSyncforQuickBooks – поможет сэкономить время, минимизировать ошибки, синхронизировать данные в интернет-магазине и бухгалтерии. Без этого расширения вам придется вручную вводить все данные о продажах и клиентах в бухгалтерию. Плагин доступен для QuickBooksDesktopPro, Premierи Enterprise, а также для всех версий QuickBooksOnline.
  • SocialLogin – этот плагин упрощает создание аккаунта и процесс входа в систему, позволяя клиентам интернет-магазина использовать их профили в социальных сетях для создания аккаунта. Он легко интегрируется со страницей оплаты, может отправить информацию об учётной записи пользователю и установить индивидуальное перенаправление после входа в систему.
  • SequentialOrderNumbersProWooCommerceсоздаёт случайные номера заказов, а этот плагин позволяет установить последовательные номера. Вы можете назначить порядок префиксов или суффиксов номеров, включать даты, делать номера длинными или короткими и многое другое.

Перевод статьи “A Complete Guide to Building a WordPress WooCommerce Store” был подготовлен дружной командой проекта Сайтостроение от А до Я.