Как создать интернет магазин на WordPress?

Если вы ещё никогда не создавали интернет-магазин, то для вас этот урок будет лучшим подарком. Я подразумеваю, что вы новичок когда дело касается создания сайтов для интернет торговли. По ходу мы также поговорим о том, как разработчики сайтов могут добавить функции интернет-магазина на WordPress-сайт. Так что, присоединяйтесь, и из зелёных новичков вы превратитесь в разработчиков интернет-магазинов на WordPress.

Чему мы научимся в этом уроке?

Мы создадим тестовый интернет-магазин, используя плагин WP e-Commerce и непосредственно сайт на WordPress. В конце мы также обсудим готовые темы, специально разработанные для интернет-магазинов. Если, вы думали что вордпресс —- это исключительно движок для блогов, то концу прочтения этой статьи точно избавитесь от этого очень ошибочного предупреждения.

Почему мы используем WP e-Commerce?

1 Бесплатный открытый код, вы можете изменять код и делиться им с другими.

2 WP e-Commerce является первым плагином разработанным для создания интернет-магазинов на WordPress. Поэтому в нем вы встретите много полезных, проработанных функций, как, например, разные способы доставки.

3 Позволяет сделать оформление в стиле вашей темы и легко интегрируется в готовые темы для интернет-магазинов.

4 Премиум-плагины: если вы не разбираетесь в программировании или просто проект подходит к дедлайну, вы всегда можете купить готовые модули для WP e-Commerce, чтобы расширить и улучшить некоторые особенности вашего интернет-магазина.

Меры подготовки к созданию интернет-магазина

В учебных целях мы рекомендуем использовать WordPress на локальном хостинге. В этом случае вам не придется использовать ftp-клиент для загрузки данных на сервер. Проще говоря, практикуете без забот с отличной продуктивностью. Послушайте наш совет и установите локальный хостинг. Если вы используете Windows или Linux, тогда вам подойдет xampp. Пользователям Mac OS нужно использовать mamp. С помощью этих руководств вы легко установите локальный хост на своем компьютере. Кроме того, мы используем jQ —- классную тему для WordPress. Хотя, с другими темами не должно быть никаких конфликтов.

Давайте займемся делом. Пристегните ремни безопасности и поехали!

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

Вы можете установить плагин WP e-Commerce с официального сайта WordPress. После активации в административной панели сайта появляются:

  • Новый пункт меню Товары.
  • Новые подменю в разделах Консоль и Параметры.
  • Новые виджеты в разделе Внешний вид.

Давайте сначала ознакомимся с настройками, а потом уже создадим несколько товаров для нашего сайта.

Основные настройки WP e-Commerce

Первая вкладка в окне настроек —- это основные настройки. Здесь вы можете выбрать, в какой стране вы находитесь, целевые рынки, валюту. Также можно задать размер налогов, которые будут надбавляться к стоимости товара.

  • Keep stock in cart for —- указываете время которое товар будет оставаться в корзине не оплатившего  его пользователя т.е. зарезервированным.

Настройка внешнего вида WP e-Commerce

Перейдя по вкладку Презентация, вы сможете настроить, как будет выглядеть интернет-магазин. Компания-разработчик плагина также предлагает Gold Cart – дополнение с расширенным функционалом. Поэтому не волнуйтесь, если у вас будут отключены некоторые настройки. Это не проблемы на сервере или неправильная установка. Вы сможете включить эти опции после приобретения Gold Cart.

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

Настройки страницы товаров позволяют настроить макет отображения товаров. Вы можете выбрать различные макеты (только для Gold Cart) и темы для необходимого вам отображения продукции. По умолчанию в WP e-Commerce есть 3 темы оформления. Также товары могут отображаться по категориям. О создании разных категорий товаров мы поговорим более подробно, но чуть позже. А сейчас —- просто выберите отображение по категориям, что позволит и вам, и вашим покупателем легче находить нужный товар.

В настройках Корзины можно указать место расположения корзины. Вы можете сделать это с помощью виджетов, или вставив необходимый код непосредственно в тему оформления. Включение «+ доставка и стоимость» позволит выводить в корзине информацию о цене доставки.

Перед тем, как перейти к следующим настройкам, давайте сначала разберёмся с категориями товаров.

Что еще за категории товаров?

Мы уже упоминали, что товары в интернет магазине можно отображать по категориям. Так как в WordPress достаточно проблематично выводить отдельную категорию на конкретную страницу, то в плагине WP e-Commerce предусмотрены категории товаров. Например, если вы решили продавать обувь, вы можете создать категории Туфли, Сапоги , Босоножки, и в то же время классифицировать всю обвуь, придав им разный цвет, размеры или некоторые специфические особенности. Надеюсь, вы поняли. Просто помните о возможности сгруппировать товары по категориям. Мы ещё вернемся к этому, кода будем создавать товары.

Давайте вернемся к настройкам.

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

Если вы задали миниатюру категории, она будет выводиться при просмотре товаров этой категории. Нет ничего сложного в их настройке. WP e-Commerce также позволяет настроить отображение товаров с разбивкой на страницы.

Администраторские настройки магазина

Во вкладке Админ вы задаёте настройки для цифрового товара. Можно установить, сколько раз пользователь может скачать цифровой продукт, запретить/разрешить скачивание с определённых IP адресов. Также можно задать e-mail адрес, на который вы хотели бы получать уведомления о покупке.

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

Настройки доставки

Если предусмотрена доставка товаров, тогда настроим и её. Вы можете выбрать разные методы расчета сумы доставки – или фиксированный тариф, или в зависимости от веса товара. Плагин автоматически рассчитает стоимость доставки и добавит её к цене товара. В WP e-Commerce интегрирована поддержка для ShipWire – сервиса доставки товаров покупателям. Вы даже можете назначить условия расчёта стоимости. Например, рассчитывать стоимость только если вес товара больше 5 килограмм. Но если вы собираетесь продавать цифровые товары, эти настройки вам не понадобятся.

Настройки оплаты

Переходите во вкладку «-Платежи»-. Самый важный момент при создании интернет-магазина —- настроить систему оплаты. WP e-commerce по умолчанию использует системы оплаты через paypal и google checkout, но вы также можете подключить дополнительные модули для расчетов с помощью qiwi-кошелька, Яндекс.Деньги, WebMoney, пластиковых карт., например вот кто-то сделал платный для модуль сервиса Робокасса, с помощью которого поддерживается оплата через все российские платежные системы названные ранее.

Настройка оформления заказа

Последним этапом настройки будет настройка оформления заказа. Вы можете указать обязательную регистрацию для завершения покупки. Но не забудьте разрешить регистрацию пользователей в общих настройках WordPress.

Итак, мы настроили наш WP e-Commerce. Теперь создадим несколько категорий и товаров, чтобы посмотреть, как наш магазин функционирует.

Создание товаров и их категорий

В нашем примере мы создадим интернет-магазин футболок. Может когда-нибудь мы станем магнатами одежды . Давайте задумаемся, как можно сгруппировать футболки? Наверное, разумным решением будет сгруппировать их по размеру, бренду, цвету, а также по полу покупателей. Далее нам нужны подкатегории, чтобы помочь покупателю выбрать именно то, что он хочет. У нас вышло следующее:

Футболки

Цвет

  • Черный
  • Синий

Бренд

  • Найк
  • Адидас

Как их создать? Переходим в Товары>-Категории. Создаем новую группу, и потом в ней можно создавать категории. Таким же образом, каким создавали категории в WordPress. Определяем для себя, что товар —- это категория, а “категории” —- подкатегории.

После этого вы сможете выбрать футболки из выпадающего меню и добавить к ним подкатегории.

Все эти категории и подкатегории могут немного запутать вас. Наш вам совет – пробуйте, пробуйте и ещё раз – пробуйте. На словах это объяснить нелегко, просто практикуйте, пока не будете уверенно в этом разбираться.

Вот что у нас получилось.

Мы закончили с категориями. Пришло время создать товар.

Создаем первый товар

Чтобы создать товар, перейдите в пункт меню Товары>-Товары. С помощью WYSIWYG-редактора заполните все необходимые поля. Это будет не сложно, так как процесс полностью идентичен созданию новой записи. Ниже мы остановимся на некоторых деталях.

SKU — идентификатор товарной позиции, или проще артикул товара. В повседневной жизни его используют, например, в магазинах для определения конкретной единицы товара, точно так же, как каждая запись в WordPress имеет свой уникальный id.

На скриншотах вы видите процесс добавления одного товара. Все остальные создаются аналогично.

Для создания подобного товара используйте вкладку Импорт, чтобы загрузить данные ранее созданного товара с scv-файла. Также нужно будет загрузить изображение товара.

После добавления двух футболок, наша панель товаров выглядит так. Попробовали сделать на английском названия:

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

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

Страница товара

Если вы не будете вести блог, страницу товара можно использовать как главную, изменив настройки чтения в WordPress. И наоборот, вы можете скрыть страницы с товарами, когда в них не будет необходимости, с помощью WP Hide Post.

Интегрируем WP e-Commerce в тему WordPress

Ещё одна классная особенность WP e-Commerce – это легкая интеграция в тему оформления с помощью тегов. Используйте следующий код для внедрения разных функций в тему WordPress.

12345
&lt-!--?php echo nzshpcrt_shopping_basket()- ?-->-// Корзина товаров&lt-!--?php nzshpcrt_latest_product()- ?-->-// Последние просмотренные товары&lt-!--?php show_cats_brands()- ?-->-// Все категории&lt-!--?php echo wpsc_buy_now_button(1)- ?-->-//Кнопка "Купить"&lt-!--?php echo wpsc_add_to_cart_button(1)- ?-->-// Кнопка "Добавить в корзину"

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