Как сделать интернет-магазин на WordPress

 

 

 

 

Оказывается, это не так уж и сложно для того, кто хоть немного знаком с WordPress. Это как в конструкторе лего, помните? Движок, плагин, немного терпения и внимательности – получился интернет-магазин. Так как я веду свой блог и пару сайтов на WordPress, я и замахнулся на создание интернет-магазина на этом больше, все-таки, блоговом движке. Да, есть много специальных cms для интернет-магазинов – на Virtmart под Joomla, например, говорят, отличные магазины получаются. Не спорю. Но, изучать что-то новое у меня просто не было ни времени, ни возможности. И, надеясь на старый добрый WordPress, окунулся я в работу. Да, стоит заметить, что я отнюдь не являюсь каким-то продвинутым специалистом в php и вообще в кодах, скриптах и cms – так, для себя больше, на пользовательском уровне. Но, в этом-то, как раз, я и усматриваю определенный плюс. А плюс состоит в том, что я не буду влезать во все эти кодировки, тонкости различных кодов и в прочую науку, а расскажу про создание интернет-магазина на WordPress простым и доступным языком обычного среднестатистического пользователя, почти нуба.


Началось все с того, что одна знакомая попросила сделать ей интернет-магазин. А, поскольку, деньги она была готова заплатить реальные, то я и взялся за эту работу, не зная вовсе еще, что меня ждет. Что ж, взялся за гуж, не говори, что не дюж. Перво-наперво пошел гуглить и изучать все материалы по созданию интернет-магазина на WP. Материалов оказалось не так уж и много и большинство, как это часто бывает, или запутанные, или противоречивые, или просто не работающие способы. У меня, по крайней мере. Может, просто что-то не так делал? Не знаю. В итоге, задача свелась к тому, чтобы найти плагин для WordPress, который можно было бы просто тупо установить и настроить для работы. Ну, это лично для меня, как для непродвинутого. И тут, к счастью, нахожу я блог Дениса Матакова, где он предлагает услуги по установке соответствующего плагина для интернет-магазина на WP. В данном случае это связка плагинов для wordpress Quick Shop + wp-gbcf. Я обратился к Денису за помощью и он любезно выслал мне архив готовых уже для работы плагинов и подробное руководство по их настройке и установке, за что большое ему человеческое спасибо. Руководство очень простое и доступное. И магазины с этими плагинами получаются, как на мой взгляд, довольно простые и симпатичные. Кстати, на данный момент Денис выложил в свободный доступ для скачивания архивы плагинов и руководство по установке. Взамен всего ничего – запись на вашем сайте/блоге про любой из его проектов. Посмотрите примеры интернет-магазинов, сделанных Денисом Матаковым.
Установил я все, настроил. Супер, все работает. Осталось заняться контентом и наполнением товарами. Но, но, но… Маленькая заминка приключилась. А дело в том, что блог, на котором я «обкатывал» плагин находится на одном хостинге, а тот, к которому предстояло «прицепить» магазин – на другом. Причем здесь это, спросите? Не знаю, да только на этом, новом, хостинге плагин отказывался корректно работать. Ну, не работает форма отправки заказа и все тут. Заполняешь, отправляешь, форма обнуляется, а сообщение не отправляется. И это при том, что уведомления с блога через сервер отправляются исправно. Как вы понимаете, без этой функции и магазин не магазин, а так, выставка товаров народного потребления. Снова я углубился в изучение, но так и не нашел причин этого бага. Как ни жаль было, но пришлось икать решение, как еще можно сделать магазин на wp. Хотя этот способ создания интернет-магазина на WP, самый простой и доступный.
Вот тут-то мы и подходим к основному и главному разделу этого моего долгого и нудного повествования. Немного посомневавшись, обратился я к плагину wp e-Commers, хоть и слышал о нем много довольно нелестных отзывов – мол, и «тяжелый» он, и запросов к БД много создает, и запутанный, и русифицирован плохо. Но какой у меня был выбор? Время-то идет, а работа-то стоит. Взялся я за этот плагин. Скачал последнюю версию тут, что и вам советую.
Процесс установки стандартный, такой же, как для любого плагина для WordPress: качаем, распаковываем архив, устанавливаем, активируем.

2010 03 22 17 28 00 300x18 Как сделать интернет магазин на WordPress

После активации плагина wp e-Commers в боковом меню админки вашего блога появится блок «Товары».

2010 03 22 13 21 02 Как сделать интернет магазин на WordPress

Далее – настраиваем магазин. Переходим в п. «Настройки магазина», где откроется вкладка «General». Первое, что порадовало, это возможность выбора языка. Уже легче. Дальше – проще: выбираем страну и настраиваем валюту товара. В верхней части страницы имеется разделы: General, Presentation, Admin, Shipping, Payment Options, Import, Checkout.

2010 03 22 13 21 56 300x25 Как сделать интернет магазин на WordPress

В «Presentation» настраиваем тип кнопки, отображение на странице корзины, товаров, групп товаров, миниатюр и параметры страниц с товаром.
«Admin». Тут настраиваем чек и форму письма покупателю. Пункт «установки url» не изменяем – плагин автоматом создает эти страницы в WP и чтобы не заморачиваться, их лучше не трогать.
«Shipping». Страница настройки доставки товара. Это по выбору. Я не настраивал доставку.
«Payment Options». Настройки оплаты. Здесь я тоже ничего не менял, т.к. для описания способов оплаты у меня имеется отдельная страница.
«Checkout». Здесь вы можете настроить поля формы, которые будут показаны на вашей странице контроля, указать поля обязательные к заполнению и их порядок. Можно удалять ненужные поля и создавать свои.
Магазин настроен, далее займемся наполнением его товаром. Это мы делаем во вкладках «Группы» и «Управление товарами». Иерархия та же самая, что и при создании страниц в WordPress . То есть, главная группа или категория товара и подкатегории. При добавлении товара список категорий будет отображаться на странице и вам останется только поместить товар в какую-либо определенную категорию, отметив ее галкой. Добавляя товар, указываем цену в установленной в настройках валюте, скидку на товар (если без скидки, обязательно проставить 0.00), описание, загружаем миниатюры и проч. Вообщем, все просто. Главное, с самого начала продумать этот момент: какие категории товара у вас будут, сколько их будет, какие будут родительскими категориями, чтобы потом не переписывать заново весь товар.
Для отображения всех категорий товара можно подключить виджет Product Categories, который выведет их в боковой колонке вашего блога/сайта.

2010 03 22 14 01 00 285x300 Как сделать интернет магазин на WordPress

Также можно подключить виджет Shopping Cart (корзина).

2010 03 22 17 25 22 300x93 Как сделать интернет магазин на WordPress

Я реализовал вывод товара как через страницы, создав отдельную для каждой категории товара с общим описанием, так и через виджет в боковой колонке, позволяющий сразу же переходить непосредственно к товару из выбранной категории. Да, такой момент. Если вы создадите отдельные страницы с описанием товара, то на них же вы можете и разместить этот товар. Для этого в текстовом редакторе WP жмем на значок с изображением корзины – он появится там после активации плагина. В появившемся меню выбираем категорию товара, которую мы хотим отобразить на данной странице и кол-во товаров на странице, жмем incert и полученный код устанавливается в указанное вами место.
Вот, вроде бы и все, в основном. Плагин wp e-Commers прост и удобен, хоть и определенно громоздок. У меня на его изучение и настройку ушло пару часов. Уверен, вы разберетесь не хуже, поэкспериментировав с настройками. А остальное зависит от вашей фантазии. У меня, например, в результате моих экспериментов получилось следующее.
И еще, пару слов о дизайне. Существуют специальные шаблоны для интернет-магазина на WordPress, созданного с помощью плагина wp e-Commers. Я же использовал рядовой, понравившийся мне шаблон, подходящий под тематику магазина. Все установилось корректно и без проблем. Так что, думаю, можно использовать и неспециальные шаблоны для данного плагина. Тут тоже придется попробовать варианты на предмет корректного отображения товаров на странице и самого шаблона.
Если вас заинтересовала данная тема и возникли какие-то вопросы, пишите – чем смогу, помогу. Можете попробовать оба описанных варианта, какой-то из них, уверен, вас обязательно устроит.

Удачи вам. Буду рад, если мои советы окажутся вам полезными.

Комментариев 98

  1. Здравствуйте.
    Может вы подскажите, как решить проблему. На форумах подсказки не дождался.
    Я установил WordPress_v3.2.1_ru_WP_E-Commerce_v3.8.7_ru.zip на Денвер.
    Вроде бы всё установилось нормально, но при нажатии на «Продажи магазина» или «Изменения магазина» в панели управления выскакивают крякозябры… Тоже самое и в Корзине на сайте.
    И ещё, загружаю фото а админке, выставляю размеры, активирую…но на странице фото не появляется.
    А также не знаю как русифицировать форму отправки сообщения. Проблем много, но эти я без помощи точно не решу…
    Если можно вышлите шаблон.
    Спасибо.

    • Наблюдатель:

      Ух ты, вопросов-то! :)
      Повторюсь, что причина может быть какая угодно – от кодировки и «конфликта» версии плагина и версии WP, до некорректной работы сайта на Денвере. Тем более, что я с ним никогда не работал, не было надобности. Вообщем, все эти моменты нужно проверять. А Денвер… – зачем?
      Шаблон отправил.

    • Кракозябры пытайтесь устранить через .htaccess простым добавлением строки AddDefaultCharset utf8 в начало файла.

      Расскажите по подробнее, что у вас не так с фото? я так понимаю это фото товара?

      И про форму тоже поподробнее… если это форма отправки сообщений пользователям, когда те совершили заказ, то все это правится в языковом файле Е-коммерца.

  2. Вито:

    Вы лучше напишите как его привязать к вебмани

Оставить комментарий