Пошаговая инструкция создания магазина на wordpress + woocommerce. Личный опыт. Описываю дешевые и дорогие варианты в зависимости от требований к функционалу, seo настройке, а также базовые плагины. Поехали.

Все сайты начинаются с домена и хостинга

Покупка домена и хостинга для интернет — магазина

В зависимости от территории, на которой планируются продажи, домен можно выбрать или региональный, или общий (site.com, site.org, site.top, site.icu). Региональные в свою очередь можно привязать к городу (site.omsk.ru, site.saratow.ru, site.te.ua) или отдельной стране (site.ru, site.com.ua). Международный домен можно продвигать и в отдельном городе, для него нет ограничений. Но региональный домен не получится также успешно раскручивать по целой стране или миру.

Хостинг для небольшого магазина подойдет обычный (шаред). Но PHP memory надо не менее 256 мб. Если товара будет много, лучше сразу брать VPS.

Я несколько лет пользуюсь хостингом ukraine.com.ua, и примеры будут на нем.

Регистрация домена

Выбор домена:

Выбор домена для интернет-магазина

Далее надо выбрать нужный тариф хостинга:

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

Для магазина лучше сразу брать вариант №3. Там и места побольше и памяти хватит для обработки запросов. При покупке хостинга можно сразу указать доменное имя:

Это обычные тарифы, которые подойдут для магазина с 2-3 тыс единиц товара и одним редактором магазина.  Со временем я советую для нормальной работоспособности брать VPS, в котором уже будет гарантированный набор ресурсов. Важно учитывать тот факт, что вы будете постоянно редактировать товар, иногда у вас может быть несколько помощников-редакторов, и они будут своими действиями создавать нагрузку на сервер. Это плохо для посетителей, магазин будет подвисать. При заказе VPS надо указать операционную систему и панель управления для удобного администрирования. Есть инструкция по переносу сайта на VPS.

После покупки домена и хостинга приступаем к созданию интернет магазина на wordpress. Для этого заходим в панель администратора — хостинг — мои сайты:

Выбираем wordpress в качестве cms для сайта. Создаем логин и пароль, указываем язык. Чуть не забыл, для сайта еще нужна база данных. В случае с созданием сайта на обычном хостинге база создастся автоматически.

Установка вордпрес на хостинг

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

  1. Заказываем бесплатный SSL сертификат.
  2. После сертификата указываем переадресацию сайта на бесплатное соединение «https» (раньше было «http»).

переадресация сайта на https

В настройках php лучше сразу выбрать версию PHP минимум 7.2. Последняя версия на момент написания статьи (19.05.2019) — 7.3, но не все плагины с ней пока нормально работают. Я советую всегда включать предпоследнюю версию.

Также в настройках php надо указать минимальное значение «php_max_input_vars» — 2000. Все эти настройки пригодятся при создании интернет-магазина на wordpress + woocommerce.

После этого можно переходить непосредственно на сайт по адресу домена (в админку вордпрес) и там начинать создавать интернет-магазин.  Для входа пишем в строке браузера адрес входа на сайт: https//ваш домен/wp-admin. Вводим логин и пароль:

Можно перейти на сайт прямо с панели хостинга и потом через дробь добавить «wp-admin » (это страница входа).

Базовые настройки wordpress

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

Убираем www с адреса домена wordpress

Здесь надо указать название и краткое описание магазина.

Еще одна важная вещь — правильное отображение адреса новых страниц (раздел «настройки-постоянные ссылки):

Потом в разделе «плагины» добавляем плагин Cyr to Lat enhanced, он нужен для перевода адреса (url) новых страниц (категорий, товаров) магазина на латинницу. Плагины — это дополнительные модули, которые расширяют функционал wordpress.

Установка нового плагина на вордпрес

На этом этапе базовые настройки у нас готовы и теперь можно приступать к созданию интернет-магазина на базе wordpress. Главный плагин (модуль), который превратит ваш сайт на вордпрес в магазин называется woocommerce.

Установка woocommerce

Woocommerce — бесплатный плагин для создания интернет магазина на cms wordpress. Его установка происходит в панели администратора — «плагины — добавить новый». Вводим в поиске плагинов «woocommerce» устанавливаем его. Установка будет с подсказками. При установке надо указать страну, валюту. Также при установке предлагают дополнительно поставить плагин Джетпак, но я его не советую сразу ставить, лучше пропустить.

Пошаговая установка с подсказками:

После установки в меню wordpress появится пункт «woocommerce» который автоматом создаст следующие разделы, страницы и возможности:

  • Товар — возможность добавлять новые товары.
  • Категория товара — сортировка товаров по категориям (мужские куртки, женские куртки и так далее).
  • Атрибуты товара — создание характеристик товара по размеру, цвету и другим показателям. Атрибуты нужны для последующего создания фильтра товара. Фильтр помогает быстро найти нужный товар на сайте.
  • Корзина
  • Старница оформления заказа
  • Кабинет покупателя

магазин на вордпрес

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

Все категории товара можно вывести в главное меню магазина. Для этого заходим в раздел: «внешний вид > меню». Создаем там свое меню и указываем его в качестве или главного, или мобильного, или как меню подвала (футера). Главное меню называется — main.

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

Выбираем Шаблон (тему) магазина wordpress + woocommerce

В вордпрес, в разделе «внешний вид>темы» есть тысячи бесплатных шаблонов, из которых 90% поддерживают woocommerce. Кроме того, разработчики плагина создали свою тему — Storefront, которая в базовой версии полностью бесплатная. Если вы планируете маленький интернет-магазин с небольшим количеством товаров и минимальными функциями, можете выбрать этот шаблон. Минус базовой версии в том, что внизу вашего сайта будет ссылка на woocommerce. Ну и функционал ограничен.

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

Для своих интернет магазинов я покупаю темы на двух проверенных сайтах:

Вот два сайта, где можно купить профессиональную тему для онлайн магазина на woocommerce:

  1. Evanto Market —  маркетплейс с кучей тем и плагинов. На сайте шаблонов сотни или даже тысячи, я поставил ссылку сразу на раздел «woocommerce», чтоб вы долго не искали. Там я купил тему Avada, а спустя некоторое время взял специальную тему под магазин — «Bege», которую потом поменял на «Woodmart». Стоимость шаблона от 30 до 80 дол. Оплата разовая. Обновление пожизненное. Советую покупать шаблоны, которые купило минимум 300 человек. Так не лоханетесь. Плохую тему не покупают. Читайте также отзывы. Хотя сайт на английском, ничто не мешает правой кнопкой мыши перевести на русский.
  2. Templatemonster — тоже проверенный и очень серьезный ресурс.  Цены на шаблоны 100 — 130 дол. Но они такую цену заслужили. Темы быстрые, с огромным функционалом. А это самая важная вещь в продажах онлайн. Я раньше повелся на тему за 25 дол. В результате всеравно покупал новую и переделывал сайт почти заново.

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

Вот скриншот страницы магазина с фильтрами на теме Woodmart:

Нужно ли знать кодирование для создания магазина на вордпрес?

Если честно, сейчас можно создать свой интернет магазин на wordpress вообще без знания кодов. Установка самого вордпрес, плагина вукомерс, настройка тем — все происходит в визуальном режиме. За 2- 3 недели вы научитесь быстро менять дизайн темы, добавлять товары, категории и так далее.

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

Иногда приходится добавлять куски кода в funcsion.php или свои стили дизайна css (когда в теме нет возможности что-то изменить визуально, но в дорогих темах такое бывает крайне редко). Так что надо посмотреть хотя бы пару базовых видео уроков или почитать статьи. Это не принципиально и можно делать по мере необходимости.

Seo настройки магазина на вордпрес

Без базовой SEO оптимизации продвижение интернет магазина в поиске невозможно.  Оптимизировать надо сразу на старте создания, перед индексированием магазина поисковиками:

  • создать правильный файл robots.txt — файл указывает поисковым роботам, что индексировать на сайте, а что запретить. К примеру, надо закрывать все технические страницы от попадания в поисковую выдачу.
  • закрыть пагинацию страниц от индексирования и указать каноническую. Когда у вас категории товара большие, они разбиваются по номерам (1, 2, 3, 4 и т. д.) — каждая новая страница — дубль главной)
  • закрыть фильтр товара от индексирования

Все эти настройки есть в статье о SEO магазина на wordpress.

Дополнительный функционал магазина на вордпрес

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

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