КАК СОЗДАТЬ ИНТЕРНЕТ МАГАЗИН НА WORD PRESS И WOO COMMERCE В 2023 ГОДУ ПОШАГОВОЕ РУКОВОДСТВО

Премиальный шаблон для создания сайта компании или интернет магазина с высокой конверсией на базе WordPress и WooCommerce, раскрывающий всю мощь плагина Elementor, как лучшего визуального редактора!

Шаблон тщательно для мобильных устройств (планшеты и смартфоны). Ваш сайт будет восприниматься покупателями, как крайне близкий к нативным приложениям!

Визуальное редактирование

Приятный и простой процесс редактирования страниц и записей. 60+ дополнительных блоков для Elementor!

Максимальная персонализация

Опции, встроенные в нативную панель управления опций, позволяют персонализировать сайт исключительно под Ваши нужды!

Хедер

Настраивайте шапку сайта как хотите или используйте 1 из 10 предопределённых стилей

Футер

Подвал сайта так же можно персонализировать, используя 4 отдельные области

Панель настроек

Сотни опций для точечной настройки внешнего вида Вашего магазина

Коллекция блоков

Мега меню

Для магазинов с большим каталогом товаров, разбитым на десятки категории с сотнями меток и от десятков брендов

Прокачанный WooCommerce

Дополняйте и развивайте свой бизнес с помощью в шаблон функций, что позволяет значительно сэкономить на сторонних премиальных плагинах!

Стилей каталога

Для презентации сетки товаров

Макетов страниц

Для страниц отдельных товаров

Типов товаров

Для максимальной персонализации

Живой фильтр

Фильтр товаров на основе Ajax значительно расширяет возможности WooCommerce

Быстрый просмотр

Позволяет вашим посетителям просматривать характеристики товара не покидая страницы

Таблицы размеров

Создавайте различные таблицы размеров (если нужно) и показывайте их вашим покупателям в зависимости от товарных категорий.

Липкая корзина

Кнопка “Добавить в корзину” всегда на виду у пользователей, даже когда они прокручивают большую страницу.

Режим каталога

Используйте свой магазин в качестве каталога, скрыв цену или кнопку «Добавить в корзину» на страницах товаров.

Моментальный выкуп

Ускорьте процесс оформления заказа, пропуская корзину и перенаправляя пользователей прямо на страницу оформления заказа.

Списки желаний

Отложенные покупки стали еще проще. Покупатели никогда не потеряют понравившейся товар

Образцы вариаций

Замените стандартные выпадающие списки для вариативных товаров на изображения, цвета или кнопок

Список изменений и обновлений

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

Целевая аудитория

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

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

Так или иначе, целевая аудитория расширения — предприниматели, владельцы малого бизнеса, которые стремятся минимизировать вложения на первоначальном этапе создания интернет-магазина. При росте компании и увеличении оборота WooCommerce не требует замены: плагин способен закрыть потребности больших площадок, о чем говорит статистика его использования.

Функциональные возможности

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

После установки WooCommerce в панели управления WordPress появляется новый раздел. Внутри него — настройки категорий, товаров, меток и атрибутов. У расширения также есть расширенные параметры, которые позволяют управлять отображением цен, способами оплаты и доставки, налогами.

Мастер настройки

Сразу после активации WooCommerce появляется мастер настройки. Он помогает установить основные параметры магазина: страну, валюту, правила формирования стоимости, единицы веса и размеров, способы оплаты. Затем эти настройки можно изменить в панели администратора. Мастер лишь предлагает удобный интерфейс для комфортного старта.

Расширение функциональности с помощью плагинов

WooCommerce — функциональный плагин. Но его возможности можно расширить с помощью других дополнений. Они решают самые разные задачи, от добавления онлайн-бронирования и подписки на товары и услуги до автоматической выгрузки товаров на другие площадки: Яндекс. Маркет, Беру, Алиэкспресс, eBay, Amazon и другие.

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

Разные способы оплаты и доставки

По умолчанию WooCommerce предлагает только две системы интернет-платежей — PayPal и Stripe. Однако дополнения помогают решить эту проблему. В каталоге плагинов вы найдёте дополнения для оплаты заказов банковскими картами, переводами, электронными деньгами — всего более 100 доступных способов.

Встроенные инструменты маркетинга

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

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

Собственная система аналитики

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

Сведения из системы аналитики WooCommerce можно экспортировать в файлы CSV и затем импортировать в приложения для работы с данными. Чтобы получать больше информации, вы можете подключить системы аналитики от Google и Яндекса.

Резюмируем возможности

WooCommerce — мощный и удобный инструмент для создания интернет-магазина. Он мягко интегрируется в среду WordPress, сохраняя все достоинства самой популярной CMS. На WooCommerce можно гибко управлять товарами, способами оплаты и доставки, налогами. Расширение также предлагает встроенные инструменты маркетинга и систему аналитики.

Важный плюс WooCommerce — расширяемость. Вы можете установить дополнительные плагины, чтобы сделать магазин более удобным для пользователей или собирать больше информации об источниках трафика и поведении покупателей. С помощью других расширений можно выгружать товары на крупные торговые площадки (eBay, Amazon, Яндекс. Маркет, Беру), чтобы расширить аудиторию потенциальных клиентов своего магазина.

Дизайн и работа с шаблонами

Плагин для электронной коммерции совместим со всеми темами, однако в реальности некоторые шаблоны отображаются с ошибками. Чтобы избежать ненужных проблем, ищите темы, которые точно подходят для электронной коммерции. Для удобства можно использовать каталог на сайте WooCommerce — на нём есть специальный раздел Theme Store.

Если вы используете для поиска шаблонов стандартную библиотеку WordPress, то напишите в поисковой строке запрос «WooCommerce». Это поможет найти темы, разработчики которых декларируют полную совместимость с плагином. Можно использовать и другие источники шаблонов для WordPress — рунетовский магазин TemplateMonster.

Для более глубокой кастомизации дизайна шаблона можно использовать специальный конструктор страниц — плагин Elementor. С помощью этого плагина можно в визуальном режиме собирать кастомные страницы из блоков и виджетов.

Возможности настройки дизайна интернет-магазина на WooCommerce такие же, как у любого другого сайта на WordPress. Количество опций, доступных для изменения, зависит от темы. Сам движок позволяет создавать и редактировать меню, добавлять на страницы виджеты, а также выстраивать интерфейс отдельных страниц с помощью блочного редактора Gutenberg, который появился в WordPress 5.0. Из дополнительных возможностей можно отметить разве что надстройки, которые доступны для тем в разделе «Внешний вид» — с их помощью, например, добавляется кнопка «Купить» и значок корзины.

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

Оптимизация и продвижение

Для оптимизации сайта на WordPress обычно используется плагин All In One SEO Pack. При установке расширения для электронной коммерции к нему необходимо добавить модуль, который размещает стандартный блок для SEO-оптимизации на страничке каждого товара и позволяет редактировать мета-теги. Рекомендуется заполнять только заголовок (title) и описание (description). All In One SEO Pack нужен также для настройки метаданных, которые будут определять внешний вид ссылок на сайт при размещении их на страницах в соцсетях.

Следующий шаг — настройка ЧПУ. Правильное отображение адресов обычно настраивается при первом запуске WordPress. Но в случае с использованием плагина WooCommerce в URL добавляется префикс product. Это не проблема с точки зрения оптимизации, страдает разве что чувство прекрасного. Убрать префикс можно двумя способами: через платный плагин или с помощью бесплатного расширения Permalink Manager Lite, которое требует настройки и ручной правки добавленных ранее товаров.

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

Ценовая политика

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

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

Лучший хостинг для интернет-магазина на WooCommerce

Собственно, сама платформа для размещения интернет-магазинов рекомендует использовать такие хостинги, как SiteGround и Bluehost — это одни из самых надежных хостинг-провайдеров в мире с миллионами пользователей. Данные хостинги имеют специальные оптимизированные тарифы под электронную коммерцию.

Стоимость тарифов для WooCommerce:

Плюсы и минусы

WooCommerce — бесплатное расширение для создания интернет-магазина на основе CMS WordPress. Это его главный плюс. Вы можете создать полноценный магазин и продавать товары в интернете с минимальным бюджетом, потраченным на хостинг и домен.

Основные достоинства WooCommerce:

Однако WooCommerce — не идеальное решение для разработки. У него тоже есть минусы, которые могут оказаться критичными при создании интернет-магазина.

Недостатки на первый взгляд могут показаться значительными. Однако на практике всё не так плохо. Если вы готовы потратить время на изучение WooCommerce, то не столкнётесь с критичными проблемами. Кроме того, нужно быть готовыми к тому, что финансовые вложения будут минимальными только на старте. Чем больше и функциональнее магазин, тем больше он будет требовать денег. Но если дела будут идти неплохо, то эти расходы можно будет закрывать из выручки магазина.

Альтернативы и конкуренты

WooCommerce — одно из самых популярных, но не единственное решение для создания интернет-магазина. Для запуска онлайн-продаж вообще не обязательно использовать CMS. Часто можно обойтись возможностями конструкторов интернет-магазинов, которых с каждым обновлением становится всё больше. Например, вместо WooCommerce можно использовать:

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

uKit – конструктор бизнес-сайтов, который позволяет создать небольшой магазин. Для управления продажами можно использовать стандартный виджет «Товар» или подключить приложение Ecwid. Сервис поддерживает разные варианты оплаты и доставки, мультиязычность, поэтому может быть использован для запуска небольших магазинов с отправкой заказов в разные регионы.

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

Несмотря на то, что связка WordPress + WooCommerce считается одной из самых простых для создания магазина, для полноценного управления этим набором всё же требуется опыт и навыки программирования. Если вам нужен небольшой сайт, на котором можно продавать товары, то обратите внимание на конструкторы. Они предлагают все необходимые инструменты для организации продаж и намного проще в освоении, чем CMS с плагинами.

Примеры сайтов на WooCommerce

Чтобы понимать, какой магазин может получиться при использовании связки WordPress + WooCommerce, посмотрите примеры сайтов. Это действительно мощные инструменты для электронной коммерции, которые позволяют решать разные задачи.

Официальный дилер техники для спорта и отдыха BRP Центр «ЗАПАД»

Магазин брендовой одежды для женщин «BRENDA»

Интернет-магазин мебели «Dorelan»

Выводы и рекомендации

Если вы знакомы с WordPress, то WooCommerce станет идеальным инструментом для создания интернет-магазина. Это бесплатное расширение добавит в панель администратора блок инструментов для управления товарами, заказами и клиентами. Принципиально ничего не изменится — это будет всё тот же удобный и простой WordPress. Только теперь вместо постов вы будете публиковать карточки товаров и получать информацию о новых заказах в отдельном разделе панели администратора.

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

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

Опытные разработчики называют 3000 товаров в каталоге оптимальным объёмом для сайта на WooCommerce. Можно увеличить ассортимент до 5000 товаров, но только при условии оптимизации движка — иначе нагрузка слишком высокая, магазин становится тяжёлым и неудобным для использования. В таком случае эффективнее сразу разрабатывать магазин на специализированных CMS для электронной коммерции.

Интернет-магазин на WordPress – это магазин созданный на основе плагина WooCommerce. И в этом руководстве мы наглядно покажем как самостоятельно его создать!

Если в конечном итоге вы хотите получить сайт мирового уровня, то без премиальной темы не обойтись. Существует много площадок, но большинство из них в настоящий момент не доступны покупателям из России! Обратите внимание на наш премиальный шаблон!

Содержимое статьи

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

Что нам нужно? Делаем интернет-магазин на WordPress бесплатно

Сегодня сложилась оптимальная ситуация для выгодного начала бизнеса в режиме онлайн.

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

Для старта проекта вам потребуются:

Настройка и оптимизация торговой площадки, созданной на платформе WordPress, занимает менее часа. И мы пройдём этот путь вместе.

В данном руководстве будут рассмотрены следующие вопросы:

Шаг 1. Выбор, подготовка и работа с платформой

Самое важное, что нужно сделать, это правильно выбрать платформу для вашего будущего магазина. Хотелось бы обратить ваше внимание на две самые лучшие системы управления контентом, адаптированные для сетевой торговли. Это Shopify или WordPress + WooCommerce.

Shopify представляет собой платную платформу для виртуальной торговли. Пользователям доступны тарифы стоимостью от 29 долларов США в месяц. Использование данное CMS – это неплохое решение. Но финансовая сторона дела сводит к минимуму многочисленные достоинства платформы. Цена использования постоянно увеличивается, постоянно необходимо вносить внеплановые сборы. К тому же вы должны хорошо знать английский язык ?

Именно поэтому большая часть начинающих бизнесменов предпочитает комплекс WordPress + WooCommerce. Такая комбинация обеспечивает максимальную гибкость при предельной экономии финансовых ресурсов. Конечно, требуется небольшая настройка как самой CMS, так и плагина. Но это того стоит!

Данное руководство познакомит вас с нюансами настройки торговой площадки на базе WordPress с использованием расширения WooCommerce.

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

Домен – это имя вашего сайта, его адрес в глобальной сети. Необходимо выбрать благозвучное наименование. Например, yandex.ru или wordpresslab.ru.

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

SSL-сертификат – представляет собой цифровую подпись вашего сайта. Она обеспечивает должный уровень защищённости соединения между самим сайтом и его пользователем. Сертификат позволяет получать конфиденциальные данные. В частности, если мы говорим про интернет-магазин, то SSL позволяет принимать реквизиты банковских карт покупателей. Без сертификата организовать торговлю в сети не получится!

REG. RU – Тут можно приобрести домен, хостинг и получить SSL сертификат на год в качестве бонуса

Наш совет при выборе хостинг провайдера и регистратора доменных имен однозначен!

1 Выбираем доменное имя и хостинг

Первое, что нужно сделать это подобрать домен.

Регистрация доменного имения – Как создать интернет-магазин на WordPress

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

Вот вам действующий купон на 5% скидку –

Регистрация хостинга и SSL – Как создать интернет-магазин на WordPress

2 Установка WordPress на наш сервер

Выполнить автоматическую установку WordPress или установить вручную.

Пред тем как двигаться дальше вы должны обладать следующими навыками работы с WordPress:

Советуем ознакомиться с базовым курсом по созданию сайтов на WordPress прежде чем продолжить создавать интернет-магазин.

Шаг 2. Установка и оптимизация WooCommerce – бесплатного плагина для организации интернет-магазина

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

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

WooCommerce. Что это за зверь?

WooCommerce – это специализированное программное обеспечение для осуществления коммерческой деятельности в глобальной сети.

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

Рассматриваемый плагин представляет собой расширение для системы управления контентом WordPress, которая является одним из лидеров среди CMS (Content Managment System). WooCommerce позволяет наладить интернет-торговлю как с нуля, так и добавить функцию «Корзина» на уже существующий сайт.

Сравнение положительных и отрицательных сторон

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

Благодаря наличию открытого исходного кода расширение ничего не стоит для пользователя. Оно даёт абсолютную свободу и полноценный контроль над интерактивной торговой площадкой.

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

WooCommerce – расширение, созданное на базе WordPress. Это значит, что у вас в арсенале остаются все проверенные временем инструменты данной системы управления контентом.

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

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

Важное преимущество применения на практике WooCommerce – отсутствие каких бы то ни было ограничений. Вы ведёте своё дело таким образом, как считаете нужным.

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

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

В основной версии поддерживаются платёжные системы Stripe (не работает в России) и PayPal (не даёт возможность принимать платежи в РФ, начиная с 31 июня 2020 года). Но при желании вы можете организовать оплату товаров или услуг посредством других многочисленных платёжных сервисов. Например, с помощью решений от Яндекс, Тинькофф или Сбербанк. Да и у других банков есть шлюзы для работы с Woocommerce!

Далее мы подробно рассмотрим процедуру организации сетевого магазина с помощью плагина WooCommerce.

Начинаем установку

Собственно с этого этапа мы и начинаем создавать интернет-магазин на WordPress!

Установка плагина WooCommerce – Как создать интернет-магазин

После того как плагин будет успешно установлен и активирован откроется мастер автоматической настройки.

WooCommerce мастер настройки – Как создать интернет-магазин на WordPress

1-ый шаг настройки WooCommerce – Как создать интернет-магазин на WordPress

На втором шаге автоматической настройке вас спросят – В какой отрасли работает магазин?

Выберите что-то одно и нажмите «Продолжить»

3-ый шаг настройки WooCommerce – Как создать интернет-магазин на WordPress

На 3-ем этапе вам предстоит выбрать типы товаров которые вы собираетесь продавать.

Нет нужды покупать какие либо дополнения прямо сейчас, давайте для начала выберем «Физические товары» и «Загрузки». После того, как нажмете «Продолжить» вы перейдете к 4 шагу, в котором вас попросят рассказать о вашем бизнесе чуть больше.

В первом выпадающем списке вам предстоит выбрать «Сколько продуктов вы собираетесь подорвать?» – Не на что не влияет, в вашем магазине могут быть десятки тысяч товаров.

Во втором выпадающем списке нужно ответить на вопрос «Продаете ли вы ваши товары где-то ещё?»

Затем WooCommerce предложит подключить еще 3 дополнительных и бесплатных модуля:

4-ый шаг настройки WooCommerce – Как создать интернет-магазин на WordPress

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

На пятом этапе вам будет предложено выбрать новый шаблон или продолжить использовать существующий. В рамках руководства «Как создать интернет-магазин на WordPress» мы выбрали заточенную под электронную торговлю тему «Storefornt» – что и вам советуем для начала. Помните, вы всегда сможете поменять тему для своего интернет-магазина без потери каких либо данных.

Бесплатная тема для WooCommerce – Как создать интернет-магазин на WordPress

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

WooCommerce и Jetpack – Как создать интернет-магазин на WordPress

WooCommerce установит несколько важных страниц для корзины, аккаунта, магазина и оформления заказа.

WooCommerce успешно установлен и вас перебросит на главную страницу в разделе WooCommerce

WooCommece установлен – Как создать интернет-магазин на WordPress

Поздравляем еще раз. Все готово для добавления товаров в ваш новенький интернет-магазин на WordPress.

WooCommerce – Главный экран

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

WooCommerce главный экран

Входящие

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

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

Stats overview (Статистика)

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

Шаг 3. Выбор правильной темы WooCommerce или не просто красивый интернет-магазин на WordPress

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

Эстетичность

Ищите не просто тему, которая «хорошо выглядит». Это должно быть уместно. Ferrari выглядит великолепно, но это не лучший выбор для поездки в магазины и обратно. ?

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

Частота и скорость обновлений

Рассматриваемый плагин, как и в целом CMS WordPress, регулярно получает свежие обновления. Причём на один год, как правило, приходится несколько «крупных» обновлений. Стоит отметить, что такие модификации изредка становятся причиной ошибок. Это бывает при использовании обновлений по отношению к шаблонам, которые не тестировались с актуальными бета-версиями. Поэтому рекомендуется следить за тем, осуществляют ли разработчики своевременную поддержку конкретной темы. Также стоит уточнить совместимость выбранной темы с используемой версией системы управления контентом и плагином WooCommerce.

Для подтверждения совместимости темы с последней редакцией расширения WooCommerce можно осуществить экспресс-проверку. Посмотрите на «демо» и взгляните на исходный код (CTRL + U). Исходный код должен содержать запись, объявляющую о том, какая версия плагина активна. На экране это смотрится вот так:

Убедитесь, что в демоверсия темы использует текущая версия WooCommerce.

Текущую версию WooCommerce можно посмотреть на официальной странице плагины в репозитории WordPress.org

Поддержка

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

Если вы приобретаете тему премиального класса, то стоит узнать о способах поддержки. В случае, когда вы взяли тему с портала WordPress.org, нужно проверить активность форума поддержки.

Расширенная функциональность

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

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

Адаптивный дизайн

Так называемую «адаптивность» темы стоит проверять в последнюю очередь, так как в 2020 году это уже норма. Этот термин означает полную совместимость со всеми устройствами. Например, как с планшетными компьютерами, так и со смартфонами.

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

Шаг 4. Стандартные страницы в WooCommerce

По завершению установки и благодаря мастера установки будут сгенерированы следующие страницы:

Переустановка страниц

Переустановка страниц WooCommerce

Укажите, какие страницы использовать в качестве основных

Установка основных страниц для WooCommerce

Установка станицы магазина

Что такое страница магазина?

Страница «Магазин» – это архив, где будут отображаться все товары вашего интернет-магазина на WordPress.

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

Эта страница будет совместима со всеми темами WordPress, даже не предназначенными специально для WooCommerce.

Шаг 5. Добавление товарных позиций

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

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

Добавление товара в WooCommerce – Как создать интернет-магазин на WordPress

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

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

Правая колонка несёт в себе поля для размещения главной картинки товара или целой галереи.

После добавления всех необходимых данных о товаре необходимо воспользоваться кнопкой «Опубликовать». После этого товарная позиция будет размещена в вашем интернет-магазине.

Пройдите вышеописанный процесс в необходимом количестве для добавления всех имеющихся у вас товаров.

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

Шаг 6. Настройка внешнего вида вашего интернет-магазина на WooCommerce

Темы это то, как ваш сайт выглядят для пользователей. Для магазина Шаблон (тема) задаёт основные параметры вашего сайта, определяет то, как будет выглядеть ваш интернет-магазин. В зависимости от применения той или иной темы изменяется способ отображения предлагаемых товаров.

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

Если помните, в рамках данного руководства мы используем «Storefornt» для сайта. Теперь его необходимо оптимизировать в соответствии с текущими потребностями.

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

На этом пока все, надеемся вы поняли, что такое интернет-магазин на WordPress и как его создать.

Если у вас есть вопросы – спрашивайте в комментариях и мы обязательно вам ответим.

WordPress – проверенная миллионами пользователей CMS с доказанной эффективностью. Авторитет и полезность системы ни у кого не вызывает сомнения. Можно делать практически любые сайты благодаря богатому набору всевозможных плагинов, большинство которых ещё и бесплатные, как и сама CMS. Неудивительно, что за 15 лет движок собрал огромную армию поклонников по всему миру и заслуженно занял первое место по популярности. Создание магазинов на WordPress наравне с другими типами сайтов – крайне востребованная тема. Лучшая CMS для старта продаж товаров в Интернете. Требуется лишь хоть какой-то навык работы с ней.

Оптимизированный хостинг для интернет-магазина на WooCommerce:

Хостинг для WooCommerce

Давайте перейдём теперь к детальной инструкции по созданию магазина на WordPress с помощью WooCommerce.

Установка WooCommerce

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

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

Есть и более простой способ установить плагин для электронной коммерции – использовать встроенный в админку каталог плагинов WordPress. Для этого выполните следующее:

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

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

Далее появится раздел «Доставка», в котором нужно выбрать единицы измерения. Выбор зависит от региона и типа товара: например, если вы продаёте яблоки в рунете, то единицей измерения для доставки будут килограммы.

Последняя вкладка – «Оплата». По умолчанию для рунета здесь подходит только оплата наличными при доставке. Можно сразу подключить PayPal. Для добавления систем оплаты, популярных в рунете, придётся устанавливать плагины – вернёмся к этому вопросу чуть позже. На этом процесс инсталляции завершён.

Работа с дизайном сайта

Для нормальной работы магазина требуется магазинный шаблон, который полностью совместим с WooCommerce. Проблем точно не возникнет со стандартным шаблоном плагина, который называется Storefront. Другие варианты оформления сайта можно найти в каталоге тем WordPress по запросу «WooCommerce». Другие источники шаблонов (такие как TemplateMonster) тоже доступны для использования – главное, чтобы они были проверенными, всё-таки речь идёт о магазине, через который проходят платежи и личные данные пользователей.

Темы для WooCommerce предлагают примерно те же настройки, что и стандартные шаблоны WordPress. В них тоже можно изменить логотип, включить/выключить шапку, подвал и меню, выбрать, какая страница будет отображаться в качестве главной. Некоторые темы сразу показывают список рекомендуемых плагинов, которые нужны для полного раскрытия потенциала. Устанавливать их никто не заставляет – можно использовать стандартные возможности шаблона или выбрать другой вариант. Если есть навыки вёрстки, можно изменить внешний вид и функциональность темы, отредактировав её файлы.

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

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

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

Для загрузки новой позиции на сайт в разделе «Товары» есть кнопка «Добавить». После нажатия на неё появляется стандартный редактор WordPress – в пятой версии движка это блочный Gutenberg. Вам нужно:

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

Для массовой загрузки товаров можно использовать встроенные инструменты экспорта/импорта, но гораздо эффективнее установить плагин WP All Import с дополнением для WooCommerce. Если позиций немного, то можно обойтись ручным добавлением.

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

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

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

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

Ещё один важный момент – добавление удобных способов оплаты. WooCommerce направлен на западный рынок, поэтому среди стандартных систем нет предложений, адаптированных под рунет. Для их добавления нужно подключить подходящий сервис – например, Wallet One, Яндекс. Касса, PayOnline. После их подключения следует инсталлировать и сделать активным расширение «Единая касса».

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

Оптимизация и продвижение магазина

В стандартной комплектации WordPress и WooCommerce мало возможностей для SEO-оптимизации, поэтому нужно обязательно установить плагин. Самый распространённый вариант – All In One SEO Pack с дополнением для WooCommerce, которое добавляет блок с метаданными на странички товаров. В них нужно обязательно заполнять название и описание – эту информацию будут учитывать поисковики.

Базовая настройка WordPress подразумевает включение ЧПУ. Однако в магазине на WooCommerce в URL будет добавлен префикс product. Самый простой способ убрать его – использовать платное расширение Perfect SEO URL за $119 или бесплатный Permalink Manager Lite. Но его минус в том, что изменения будут применены только к тем товарам, которые добавлены после настройки ссылок. Ранее загруженные позиции придётся редактировать вручную, поэтому мы советуем не торопиться с наполнением магазина.

После активации Permalink ссылка на его параметры отобразится в разделе «Инструменты». На вкладке Permastructures вам нужно найти поле «Товары» и вставить в него структуру подходящую структуру адреса – %product_cat%.

Следующий важный элемент оптимизации и продвижения – настройка метаданных для публикации ссылок в соцсетях. При использовании All In One SEO Pack для этого достаточно включить в настройках плагина дополнение «Социальные мета». В параметрах аддона можно также отрегулировать сниппеты для отдельных соцсетей.

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