Интернет магазин на 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 (4 оценок, среднее: 5,00 из 5)
Загрузка...

Азат

Если вы не знаете на какой платформе создать интернет-магазин, то спросите у меня в комментариях или лично: WhatsApp 89656627501; admin@eecommerce.ru; vk.com/id16793182

10 Comments

  1. Что означает галочка «Я буду также продавать товары или услуги лично.» ?
    Для чего её нужно включать? или не включать.

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

    • Добрый день, АМАНГАЛИ.
      Хорошо что вы создали интернет-магазин. Теперь главное не забросить и начать продажи. Что бы продвигать интернет-магазин на WordPress + Woocommerce, совершенно не обязательно делать большие вложения. Ведь WordPress это блоговсий движок, прекрасно оптимизированный под продвижение. Нужно только правьльно этим воспользоваться. На данный момент у вас уже есть такие преимущества:
      1) большая скорость загрузки сайта
      2) оптимизация под смартфоны
      Это уже существенно помогает подняться на первые строки поисковиков. но надо работать даьше:
      1. Подключите https — это повысит лояльность поисковиков.
      2. Воспользуйтесь что WordPress это блоговский движок и ведите блог на своем интернет-магазине
      3. Напишите подробное, интересное описание для каждого товара
      4. Подключите плагин Yoast SEO — он очень сильно помогает в продвижении.

    • По поводу дропшипинга. Конечно продавать можно. Под это дело есть даже специализированные плагины для WooCommerce. Эти плагины группируют информацию о заказанных товарах по поставщикам и отправляют им эту информацию. Плагиныможно найти так: в админки WordPress перейдите в раздел Плагины, нажмите кнопку Добавить новый и в строке поиска введите «WooCommerce Dropshipping».

  3. Азат, спасибо за ответ. Не дадите готовый шаблон файла роботс и нужен он для магазина или нет?

    • Если вы планируете серьезно заниматься продвижением вашего магазина, то файл роботс нужен. Единого шаблона нет, т.к. это настроечный файл, который позволяет сделать настройки под разные случаи. Наверное правильным будет дать вам инструмент который позволит настроить этот файл под ваши нужны. Есть плагин «WordPress Robots.txt optimization (+ Multisite) – Website traffic, ranking & SEO Booster + Woocommerce». Он позволит вам настроить роботс.

  4. Азат, а можно с вами связываться через емэйл или через вк, чтобы обращаться по поводу магазина или нет? Спасибо.

  5. Азат, добрый вечер!
    Заинтересовал ваш блог. Мучаюсь с магазином на WIX. Хочу с него свалить. На WP перейти это совсем сложно сделать?

    • Добрый день, Сергей.
      Это вполне можно сделать. У WIX есть экспорт товаров. Во вкладке Товары магазина есть голубая иконка «Экспортировать товары». Данные будут выгружены в файл в формате csv. Его можно импортировать в WooCommerce. Нужно будет при загрузке настроить соответствие полей.

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

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