0

Интернет магазин на WordPress и WooCommerce: пошаговая инструкция

Если у вас есть блог на WordPress и вы решили сделать из него интернет магазин, то лучшим выбором сегодня будет WooCommerce. Этот плагин за последние несколько лет буквально завоевал рынок: треть всех интернет-магазинов в мире работают на нем! И даже если у вас нет блога, то связка WordPress + WooCommerce будет одним из самых удачных решений!

Почему я должен выбрать именно WooCommerce?

Давайте разберем подробно почему именно этот плагин, а не один из множества других.

Плюсы если у вас уже есть блог:

  1. Сделать интернет-магазин можно в 2 счелчка мыши: просто установите плагин WooCommerce через меню Плагины.
  2. WooCommerce сейчас разрабатывает та же команда что и делает WordPress. По этому он такой же простой и понятный как сам WordPress: вам не придется переучиваться. Добавить новый товар это все равно что добавить новый пост.
  3. Работая в WordPress вы наверно привыкли что любой нужный но отсутствующий функционал всегда можно добавить, добавив соответствующий плагин. Так вот с woocommerce все точно так же: если какого то функционала не хватает, то его всегда можно будет найти среди тысяч бесплатных плагинов.

Плюсы если вы начинаете с нуля:

  1. WordPress + WooCommerce это самая популярная в мире платформа! 28% интернет магазинов делают именно на этой связке!
  2. WordPress + WooCommerce это 100% гарантия что все переведено на русский язык!
  3. Это 100% бесплатно!
  4. Вы всегда будете в тренде: движок активно развивается и обновляется ежемесячно.
  5. Это очень просто. Раньше WordPRess был самым простым движком для создания сайтов и блогов. Он быстро завоевал мир оставив далеко позади своих конкурентов Joomla и Drupal именно благодаря простоте! Теперь Woocommerce идет тем же путем: он самый простой из всех существующих движков интернет-магазинов!

Инструкция

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

Шаг 1. Установка WordPress на хостинг

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

Мы уже 7 лет рекомендуем для интернет-магазинов хостинг Beget.ru. У него самый продолжительный тестовый доступ: 30 дней и самый большой выбор бесплатных движков в разделе автоустановки. Это означает что прямо сейчас вы сможете зарегистрироваться на хостинге и получить тестовый доступ на 30 дней. После регистрации в течении 20 минут вы сможете сделать свой интернет магазин на WooCommerce по наше инструкции.

После регистрации на хостинге вам нужно открыть раздел CMS в панели управления хостингом:

Далее выбирайте WordPress:

В следующем окне запомните тестовое доменное имя на которое будет установлен сайт (вам дается тестовое доменное имя после регистрации на хостинге, например test525.bget.ru) и введите пароль к сайту. И жмите «Установить». Ждем несколько секунд и сайт готов.

Что бы перейти в админку созданного сайта открывайте адрес: test525.bget.ru/wp-admin. Логином будет admin, а пароль тот что вы придумали.

Шаг 2. Установка плагина WooCommerce

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

Нажмите Установить, затем Активировать.

Шаг 3. Работа с помощником установки

После активации откроется окно «Помощника установки». Вам нужно будет пройти 4 шага настройки: Общие, Оплата, Доставка, Дополнения. Затем активировать.

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

Так же есть интересная галочка: Я буду также продавать товары или услуги лично.

На второй закладке просто отключите PayPal. В России он есть но к нему как то не привыкли еще. Мы установим Яндекс.Кассу чуть позже. А вот «Офлайн оплату» разверните и выберите «Оплата при доставке» — по любому пригодится.

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

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

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

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

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

Шаг 4. Добавление товаров

Добавление товаров очень и очень похоже на добавление постов в блог:

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

На закладке «Данные товара» вы можете выбрать тип товара и цену.

Бывает 4 типа товаров:

  • Простой товар. Это самый распространенный тип. Подходит для большинства товаров. Например «Дрель»! Так же к простым товарам относятся нематериальные товары товары. Если поставить галочку Виртуальный товар, то можно продавать услуги например «Выгул собак». Если поставить галочку «Скачиваемый», то вы сможете прикрепить файл который станет доступен сразу после оплаты. Например «Программа для архивации» или книга в формате PDF.
  • Сгруппированный товар. Это товары которые продают обычно вместе. Например Смартфон и чехол к нему. Состав группы указывается на закладке Сопутствующие. Цена указывается для каждого товара входящего в группу.
  • Внешний/партнерский товар. Это очень редкий вид товара. Вы таким образом можете продавать через свой магазин товары другого интернет магазина просто указав ссылку.
  • Вариативный товар. Это например размеры или цвета. Когда вы продаете одежду без вариаций никак. Например у вас может быть 5 ботинок одного фасона, но разного размера.

Поля Базовая цена и Цена распродажи — используются для задания цены. Если вы укажите цену распродажи, то на странице товара обычная цена будет перечеркнута и указана цена распродажи.

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

На закладке «Доставка» указываем вес и габариты товара.

Вкладки «Сопутствующие» и «Атрибуты» пока детально рассматривать не будем в рамках этого поста.

Изображение товара и фотографии добавляются через блоки «Изображение товара» и «Галерея товара» справа от описания:

Так же для товара можно задать Категорию и Метки как для обычного поста:

Шаг 5. Настройка меню.

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

Что бы добавить меню нужно выбрать: Внешний вид / Меню. Далее нажать ссылку «Создайте новое меню» и придумайте название. Например «Главное»:

После этого вы сможете добавить в меню страницы связанные с магазином:

  • Магазин
  • Оформление заказа
  • Корзина

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

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

Шаг 6. Подключение специализированной темы StoreFront

StoreFront это официальная тема от разработчиков WooCommerce. На момент написания статьи ее скачали более 2 млн. раз. Эта тема позволит использовать все функции этого плагина на все 100%.

Что бы ее установить идем по такому пути: Внешний вид / Темы. Затем жмем «Добавить новую» и в строке поиска вбиваем StoreFront. Затем жмем «Установить», а затем «Активировать».

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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (1 оценок, среднее: 5,00 из 5)
Загрузка...

Азат

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *