понедельник, 20 февраля 2012 г.

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

Related Posts Plugin for WordPress, Blogger...Часто у владельца блога на WordPress появляется желание продавать какой-нибудь свой продукт. Обычно таких продуктов немного и заказы обрабатываются вручную. Для этого не надо организовывать сложный магазин с помощью специализированных скриптов, отделять его от блога. Достаточно лишь сделать несложную интеграцию магазина в блог WordPress с помощью плагина.
Самым легким плагином для создания интернет-магазина на WordPress можно считать Quick Shop. Он не будет перегружать сайт и настроить его можно в течение 10 минут.
Рассмотрим все этапы его настройки.

1. Устанавливаем и активируем плагин Quick Shop

Скачать плагин Quick Shop можно на официальном сайте WordPress. Если вы не знаете, как устанавливать плагины для WordPress, вы можете ознакомиться с подробным уроком здесь.

2. Устанавливаем и активируем плагин cformsII

Данного плагина нет в хранилище WordPress, поэтому скачиваем его с сайта автора.

3. Создаем страницу оформления заказа

Переходим в раздел «Страницы», нажимаем «Добавить новую» (см. рисунок 1).
Данная страница будет пустой, нам необходимо только указать заголовок страницы (любой, например «Оформление заказа») и нажать «Опубликовать».
Важно! Мы НЕ вставляем на этой странице форму заказов cforms. Иначе мы получим дубль из двух форм, так как эта форма прикрепляется автоматически.
Аналогично создаем страницу, куда будет переадресован пользователь после оформления заказа. Например, назовем её «Ваш заказ принят». Здесь вы можете поблагодарить клиента за заказ и дать ему определенные инструкции.
Рисунок 1. Добавление страницы оформления заказа

4. Настраиваем плагин Quick Shop

Переходим на страницу настроек Quick Shop (см. рисунок 2).
Из обязательных пунктов Вам нужно указать валюту и символ валюты, выбрать страницу оформления заказа, которую мы создали в предыдущем шаге, а также включить опцию«Запрос счета по E-mail». При этом Вам будет отправляться оповещения об оформлении заказа, после чего Вы сможете связаться с клиентом и уточнить детали доставки и оплаты.
Важно! Чтобы перед символом валюты сохранился пробел, мы указываем его в виде html-символа  
Рисунок 2. Страница настройки плагина Quick Shop

5. Настраиваем плагин cformsII

Переходим в раздел настроек cformsII (см. рисунок 3).
Рисунок 3. Настройка плагина cformsII
У вас уже будет создана 1-я форма по-умолчанию. Вы можете оставить ее как есть.
Вместо нее будет использоваться форма самого Quick Shop.
Важно! Чтобы произошло прикрепление формы Quick Shop, используется именно первая форма, созданная в cformsII (id формы = 1), поэтому мы ее не используем под другие цели. Если Вам необходимо создать, например, форму контактов в с помощью этого плагина, Вы создаете новую форму (см. рисунок 4).
Рисунок 4. Добавление новой формы cformsII
На странице настройки формы вы можете указать в секции «Messages, Text and Button Label»русскоязычные сообщения, которые вы хотите показывать клиентам в ходе оформления заказа (см. рисунок 5).
Рисунок 5. Настройка сообщений для формы оформления заказа
Нам важнее секция Core Form Admin / Email Options. Здесь мы настраиваем переадресацию на страницу «Ваш заказ принят» после оформления заказа (созданную на 3-м шаге).
Обязательно ставим галочку «Hide Form after successful submission» и «Enable alternativesuccess page» (под этим пунктом указываем ссылку для переадресации) (см. рисунок 6).
Остальные настройки можно оставить «как есть».
Рисунок 6. Настройка переадресации на страницу оповещения об успешном оформлении заказа

6. Добавляем список товаров

Нажимаем в админке на вкладку Quick Shop и попадаем на страницу, где нам заранее необходимо указать список товаров и их цен (см. рисунок 7).
Список задается в формате «Заголовок | Цена», каждый товар с новой строки. Сохраняем изменения.
Рисунок 7. Добавляем список товаров Quick Shop

7. Прикрепляем товар к записи в блоге

Переходим в раздел «Записи». Создаем новую запись. Добавляем описание продукта. Далее нажимаем на иконку в виде корзинки на панели инструментов визуального редактора и выбираем из выпадающего списка соответствующий товар (см. рисунок 8). Нажимаем кнопку «Insert». Сохраняем запись.
Рисунок 8. Прикрепление товара к записи
В итоге, на странице записи у нас появляется форма для добавления товара в корзинку(см. рисунок 9). В приведенном примере на уровне плагина удалено поле для ввода количества товара, по-умолчанию в плагине оно есть.
Рисунок 9. Товар на сайте

8. Добавляем виджет корзины

Теперь нам осталось только отобразить корзинку с товарами пользователя на сайте.
Для этого переходим в раздел «Внешний вид» → «Виджеты» в админке и перетаскиваем виджет Quick Shop Cart в необходимую область виджетов (см. рисунок 10).
Важно! По-умолчанию в плагине предусмотрена горизонтальная ориентация для корзины, поэтому лучше выбирать широкое боковое меню для ее размещения.
Рисунок 10. Добавляем виджет корзины
Получаем корзину на сайте (см. рисунок 11).
Чтобы изменить внешний вид корзины, вы можете отредактировать файл widget.php в папке плагина Quick Shop, или воспользоваться редактором WordPress («Плагины» → «Редактор» → Выбираем из выпадающего списка в правом верхнем углу Quick Shop → Далее в боковом меню слева выбираем файл quick-shop/widget.php). Если у Вас нет начальных знаний php / html делать это не рекомендуется.
Рисунок 11. Корзина Quick Shop на сайте
На этом наш урок закончен!
Скачать русскую версию плагина Quick Shop вы можете по этому адресу.
Источник: http://wordpresso.org

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

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