Создаем интернет магазин с помощью плагина WooCommerce

Сегодня поговорим о создании интернет-магазина на основе бесплатного плагина WooCommerce.

Скачать исходники для статьи можно ниже

Полное название плагина - WooCommerce — excelling eCommerce — данный плагин есть на wordpress.org, вот информация о нем:

Последнее обновление: 2012-11-13

Загрузок: 540,491 — отличный показатель!

Автор: WooThemes

Сайт плагина:  http://www.woothemes.com/woocommerce/

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

1. Поэтому первое что делаем — это устанавливаем русскую версию wordpress, где ее взять? — вот 2-а основных источника:

http://ru.wordpress.org/wordpress-3.5.1-ru_RU.zip

http://lecactus.ru/download/wordpress-3.5.1-ru_RU.zip

или просто переходим в панель управления вашим сайтом на wordpress, в левом меню выбираем пункт «Dashboard» («Панель») и его подпункт «Updates» («Обновления») и видим следующее, зависит от хостинга, например на hostia.ru, hostenko.com, обновится на последнюю русскую версию wordpress через админку не составит труда:

русифицируем панель управления на wordpress

2. Допустим, что вам удалось установить русскую версию wordpress, а далее переходим к установки плагина WooCommerce — excelling eCommerce, так как он есть на сайте wordpress.org, следовательно, его установка стандартная, то есть заходим в панель управления сайтом на wordpress, в левом меню выбираем пункт «Плагины», его подпункт «Добавить новый» и в строке поиска вводим WooCommerce — excelling eCommerce, смотрим автора плагина, должен быть - WooThemes, устанавливаем и активируем плагин.

После активации плагин предложит Вам автоматическую установку страниц — делаем ее, нажимая на кнопку «Установить WooCommerce страницы» как на скриншоте ниже:

устанавливаем плагин woocommerce

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

- WooCommerce (настройка основных параметров магазина);

- Products (для непосредственного добавления товаров в магазин).

Пока их трогать не будем.

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

Откуда их брать?

Конечно же с сайта woothemes.com, а точнее вот по этой ссылке:

http://www.woothemes.com/product-category/themes/

Здесь есть как платные, так и бесплатные темы для интернет-магазина.

С помощью поиска можно найти бесплатные темы — для этого ставим галочку напротив параметра «Free» и нажимаем на кнопку «Search», как на скриншоте ниже:

скачиваем бесплатную тему для интернет-магазина

Самая популярная на сегодняшний день из бесплатных тем для интернет магазина является  тема — Wootique — скачиваем ее бесплатно, для этого придется зарегистрироваться на сайте, но если вам лень регистрироваться, то можете скачать ее по следующей ссылке:

Скачать тему для интернет магазина Wootique.

Далее устанавливаем ее на сайт, для этого входим в панель управления, в левом меню выбираем пункт «Внешний вид» и его подпункт «Темы», далее сверху выбираем закладку «Установить темы» и подпункт «Загрузить», как на скриншоте ниже:

устанавливаем бесплатную тему для интернет магазина

Нажимаем на кнопку «Обзор» и указываем скаченный нами архив темы Wootique - wootique.zip

И жмем на кнопку «Установить», а далее «Активировать» тему.

установка и активация темы wootique

4. Далее нужно настроить основные параметры плагина WooCommerce и добавить товары, которые мы хотим продавать.

Перед тем как приступить к настройкам, советую посмотреть отличное видео от wordpresso.org «про создание интернет магазина с помощью плагина Wootique и его настройку»:

Также о настройке плагина WooCommerce советую прочитать вам следующие статьи:

http://gering111.com/woocommerce-wordpress/

http://gering111.com/woocommerce/

http://sozdaiblog.ru/denygi-v-internete/kak-besplatno-sozdaty-internet-magazin-na-wordpress-1-tchasty.html

http://sozdaiblog.ru/denygi-v-internete/kak-besplatno-sozdaty-internet-magazin-na-wordpress-2-tchasty.html

5. Так как плагин WooCommerce заточен под западные платежные системы, то для оплаты за товар, привычными для нас способами, придется установить бесплатный плагин  Robokassa for WooCommerce.

Описания настройки данного плагина и подключения сервиса  Robokassa к интернет магазину я выделил в отдельную статью:

Подключение Robokassa (Робокасса) к сайту!

Продолжение следует…

:)

PS: При тестировании данной темы (Wootique) выявилась небольшая ошибка при отображении странички «Оплата» в Internet Explorer (не позволяющая произвести оплату) — решение нашлось в установке wordpress плагина IE CSS3 Support!

PSS: Также важен порядок установки  - после того как вы обновили движок wordpress (на момент написания статьи последняя версия wordpress 3.5.1), сначала устанавливается плагин Woocommerce (на момент написания статьи последняя версия плагина была 1.6.6), а уже после этого тема Wootique, иначе могут также появиться ошибки.

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Создаем интернет магазин с помощью плагина WooCommerce: 18 комментариев

  1. Ксения

    здравствуйте! установила woocommerce. все работает, но в заказе, когда переходишь в “оплатить заказ” пишет “ошибка заказа”. все платежные шлюзы настроены. помогите, пожалуйста!!!!!

  2. Уведомление: Подключение Robokassa (Робокасса) к сайту | MnogoBlog

  3. Секрет

    Спасибо автору! Отличная статья! Попробую создать магазин по вашей инструкции!

  4. Александр

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

  5. Ильнар

    Можно ли в теме Wootique на странице «Home», чуть ниже слайдера с рекомендуемыми товарами, разместить не миниатюры последних добавленных товаров, а разместить миниатюры разделов (категорий) товаров? Все перерыл, не могу найти как это сделать. Помогите пожалуйста.

  6. Арип

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

  7. Ledolce.ru

    Всем кому нужна помощь с Woocommerce — пишите на сайте LeDolce.ru. Один из лучших интернет магазинов на woo

  8. Евгений

    Здравствуйте! При отправки на mail стандартной контактной формы woocmmerce, заполненной на русском

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

  9. Paul

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

  10. Уведомление: Оптимизация базы данных wordpress | MnogoBlog

  11. land_driver

    Кто-нибудь может показать сайт, где установлен этот плагин? Очень интересно посмотреть! Спасибр

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>