Автор: Анастасия, wphelp.ru

Часто у владельца блога на 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 alternative success 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 вы можете по этому адресу.

Вам понравился материал?

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

74 комментария

сначала новые
по рейтингу сначала новые по хронологии

Т.к. в русскоязычной версией возникают проблемы, я начала ручную "русификацию" англ. версии. В админке до сих пор отображается всё на англ. языке (что мне лично не мешает), а вот на сайте получилось успешно отобразить параметры товара на русском. Позже напишу в доп. комментариях - как и что правила, что бы настроить отображение и корзину.

Спасибо wpcafe! Без ваших уроков как без рук!

Жалко людей которые не разбираются в кодах. стараются что то сделать или полностью полагаются на движки типа ворд пресс или джумла... Учите коды товарищи и будет вам счастье. Всегда спрашивают сколько надо времени учить коды? ВСю жизнь товарищи, сколько будете заниматься этим делом, столько и учите. Все меняется... и коды тоже. Я не заморачуюсь на движках, а просто делаю сайт на html и css. Этого достаточно, что бы сделать нормальный сайт - http://kramnyca.com/

Ну если это по-твоему нормальный сайт... Мне тебя жаль

добрый день, подскажите пожалуйста что не так. Пытаюсь в записи добавить товар, нажимаю на корзинку открывается окошечко Quick Shop с товаром, выбираю и нажимаю Insert а товар не добавляется.Что делать?

Андрей

Помогите плис....

Андрей

Может кому надо ))). Понял визуальний редактор Офф, на странице продукта ставим [quickshop product="Ремонт_кавоварок"] а в настройках Продукты Quick Shop типа так Ремонт_кавоварок | 25.00
Cap2 | 25.00
Cap3 | 25.00
Cap5 | 25.00
Bag | 120.00 | | Color : Red, Blue, Purple
T-shirt | 10.00 | 5.00 | Size : S, M, L, XL, XXL

Михаил

Аналогичная проблема. Подскажите пожалуйста кто знает.

Здравствуйте ! очень доволен вашим уроком, но у меня такой кряк. Почему то на странице появилось две корзины и работаю они одновременно.

Это все потому, что ты хач.

Добрый день. Плагин лёгкий, удобный. Но подскажите, как вставить картинку в форму заказа?

Ну и гамнище даже за даром нах не нужен.

Андрей

Здравствуйте,подскажите пожалуйста,как сделать так чтоб корзина была видна на всех страницах сайта,а не только на главной!У меня получается кнопка добавить в корзину на странице Купить,а корзина только на главной,то есть человек не видит добавился товар в корзину или нет!

Пожалуйста, обратитесь в официальную поддержку данного плагина. Мы не консультируем по детальным кастомным настройкам работы плагина, а делаем обзор eго основных вoзможностей.

Андрей

Подскажите,пожалуйста!У меня Mac и я не могу найти такой файл, как в инструкции (zip),который потом грузится в wordpress?Как он у меня должен выглядеть?

Nastya Chula

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

Это форма не cforms, в quick shop. Ее надо редактировать в файле checkout квикшопа. Сам полдня не мог понять в чем дело)))

Юрий Суржик

Спасибо и мне помогло !!!!!!!! А можно к Вам обратиться еще по одному вопросу quick shoр?

Пожалуйста, обратитесь в официальную поддержку данного плагина. Мы не консультируем по детальным кастомным настройкам работы плагина, а делаем обзор его основных вoзможностей.

Татьяна

Вы убрали поле ввода количества товара. Подскажите, пожалуйста, как убрать поле доставки?

Оксана

Здравствуйте! Установила плагин Quick Shop на русском Версия 2.3 WordPress 3.5.1. Произведени настройти как на видео по руководству настройки плагина Quick Shop с сайта wordpress.org. Все работает кроме формы заказа.Появляется корзина, заказать и все!!!! Когда устанавливала англ версию Quick Shop форма заказа работала и заказ приходил на почту.Когда установила русскую версию, то форма заказа исчезла, я также пробовала скачивать русскую версию с разных сайтов переустанвливать, но ничего не меняется.

Помогите, пожалуйста выяснить причину!Заранее спасибо

Сложно понять, почему так происходит именно с русской версией. Попробуйте написать в техническую поддержку по этому поводу! Как вариант, можно попробовать перевести front-end часть английской версии QuickShop самостоятельно.

Братишка, выражаю благодарность за проделанную работу и донесение ее до людей. Пасиба.

Спасибо большое за урок!!!
Все было четко без единой зацепки!!!
Успеха Вам и процветания. СПАСИБО!!!

Андрей

Здравствуйте Андрей!
Подскажите пожалуйста, как перевести английские слова read more на русский язык. Имеется ввиду в шаблоне Larisa Mag. За ранее спасибо огромное.

Анатолий

Установил .На одном сайте всё работает. На другом тема iTheme2 нет, показывает в сайтбаре " ваша корзина пуста" а в записях только заголовок и ниже заголовка только последние .ни названия, ни цены, ни цены за доставку, только размер.

помогите решить проблемму. В CForms я случайно удалил первоначальную форму. Теперь у меня только одна форма - та, которую создал я сам. Получается, что она идет под номером 1. QuickShop откуда-то берет какие-то свои поля формы, а не те, что есть в созданной мной форме, а мне они не подходят. Пробовал удалять QuickShop и CForm, а потом наново переустанавливать их, но ничего не помогло - каким-то образом они сохраняют свои настройки и после переустановки все остается по-старому. Что можно сделать?

Богдан

Петр,подскажите вы как то разобрались с этой проблемой?

Александр

Аналогичная ситуация. Настройки хранятся где-то в логах. Может кто подскажет как их почистить?

Подскажите пожалуйста как сохранить введенные данные в плагине
cformsII

Извините, мы не консультируем по кастомной настройке плагинов.

Подскажите пожалуйста, можно ли указать 2 свойства? (что-то типа Заголовок | Цена| property1: value 1,2,3 | property2: value11,12,13)

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

А как редактировать статус корзины? это не плагин а убожество, плагин не умеет этого делать)))

Андрей

При заказе на e-mail приходит пустое письмо, в чем проблема?

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

Андрей

На e-mail приходит пустое сообщение помогите решить проблему, пожалуйста

сергей

на 5-м рисунке настраивается форма сообщений для отправки заказа. Вот только ни слова как сохранить эти настройки. Где кнопка для их сохранения? в плагине нету её...

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

Все вроде работает, заказ оформляется, но - не приходит на указанный в cforms е-мейл. Может я не там его ввел? Скажите, где именно в настройках нужно вводить е-мейл, на который будут приходить заказы??

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

Анастасия

Спасибо Вам огромное за такое подробное описание легкого способа создания интернет магазина! У меня есть один проект, но на него я бы не тратила много денег на покупку платформы ИМ, а так я смогу воплотить свою мечту в реальность прямо сейчас!
Но хотела Вам задать один вопрос, как в плане оптимизации и продвижения товара сказывается этот плагин в поисковой выдаче? Или нужно оптимизировать записи как обычные записи Word Press под К.З. с помощью All in one например?

Данный плагин никак не влияет на SEO. Другими словами, для интернет-магазина на WordPress с этим плагином применяются те же инструменты SEO для повышения релевантности поисковой выдачи что и для обычного WordPress сайта.

Alex Plakhotnij

Добрый день. Прошу помогите. Делал все по видео, но почему-то после нажатия "Оформить заказ ", движок пишет :"Parse error: syntax error, unexpected T_VARIABLE in /home/u496194437/public_html/wp-content/plugins/quick-shop/checkout.php on line 1".
В чем моя ошибка?

Посмотрите что у вас в файле checkout.php в первой строчке в коде, может узнаете в чем проблема.

нагуглил как сделать:

function exclude_category($query) {
if ( $query->is_feed or $query->is_home ) {
$query->set('category__not_in', array(1, 2, 3));
}
return $query;
}
add_filter('pre_get_posts', 'exclude_category');

но в код не хотелось бы лезть, если есть решение через плагин, буду рад подсказке

Спасибо! Действительно очень просто. Пробовал другие все не то, а этот самый простой и подходящий.

Есть маленький вопросик:

Как мне записи с товарами не выводить в общей ленте блога?

Например я сделаю рубрику - товар. И виджет с ссылкой на эту рубрику, человек если заинтересуется кликнет и получит список записей (товаров) из рубрики товар

НО вот как скрыть эти записи из ленты

Стандартными средствами WordPress это не предусмотрено, но можно сделать маленькую хитрость и добавить пару строк кода в functions.php для этого. Здесь описано на примере: http://videobloging.ru/wordpress/45--wordpress.html

Доброе время суток... Прошу Вашей помощи так как сам не могу разобраться с этой проблемой... Сейчас делаю сайт у себя на компьютере то есть ещё не выкидывал в интернет. Нужно сделать магазин, попал на ваш видео-урок. При добавлении товара пишет такое: [quickshop product="Подснежник 18 СЃРј"] и ни к какой корзине товар не прикрепляется. Если прописываю товар английскими - кирилицей... то есть Fytbolka то норм всё... хотя я скачал все плагины с вашего сайта должно вроде всё работать а не хочет подскажите в чём может быть проблема.. кодировку в браузер менял и темы другие ставил на вордпрес - не помогло

Как вариант, попробуйте разместить сайт на реальном хостинге, например на http://hostenko.com/ 14 дней триал. Плагины для электронной коммерции часто конфликтуют, когда сайт разворачивается локально на компьютере.

Русские темы для вашего магазина на WordPress http://artsn.ru/templates/?cat=123

Здравствуйте!
Хороший плагин. Начал его использовать и появились три вопроса.
Первый: как изменить форму, заполняемую клиентов при оформлении покупки - не все поля нужны.
Второй: как откорректировать письмо, приходящее клиенту - написать тему письма по-русски
Третий: что делать, если нужно увязать две опции одновременно. Например, выбираем для футболки и цвет (красный, синий либо белый) и размер. Здесь работает только одна опция.
Спасибо!

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

Добрый день! Подскажите, а можно настроить вместо кнопки "добавить в корзину" - связаться с автором, который добавил товар. Хочу установить плагин в качестве каталога товаров, а о покупке договариваться уже непосредственно в сообщении.

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

Андрей

Добрый день! Все делал, как на видео, дошел до момента "7. Прикрепляем товар к записи в блоге", но у меня не появилась корзинка...Помогите пожалуйста, что надо сделать?

В виджетах надо установить QUICK SHOP CART

День добрый! Скажите пожалуйста, а нельзя ли сделать меню заказа из вертикального расположения в горизонтальное? А то очень много места съедает... товаров же много:)
И как убрать строку доставки?

Алексей

ПРИСОЕДИНЯЮСЬ - УЖЕ ВТОРОЙ ДЕНЬ КОДЫ ЛАПАЧУ!!!!

Карина Кожевникова

Здравствуйте!
возникла проблема, когда добаляем товар, а потом публикуем в блоге, то подтягиваются крякозябры, нет кирилицы, все делала шаг за шагом за Вами, в чем проблема может быть?

Попробуйте сменить кодировку на UTF-8 в браузере.

Вот такая штука происходит! Как исправить?

Сменил кодировку. Все по прежнему. И товара на странице вовсе нет. Что делать?

Олег Капустин

Подскажите плиз как поменять эту самую форму заказа? если меняю форму с айди 1 в самом cformsII - форма заказа не меняется, смысл в том что мне надо что бы в форме было только четыре поля - а остальные убрать - как это сделать?

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

Да, я хотел еще спросить. Как картинку на каждый товар разместить?

Все работает, только при заказе админу не шлется письмо о заказе, как исправить?

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

Хочу уточнить: в какой валюте можно указывать цены? Можно в украинских гривнах?

получилось все отлично

Flamingoevent

Установила плагин, стала добавлять Запись+картинку товара , появился небольшой белый прямоугольник на всех страницах сайта.

скорее всего Ваша тема не поддерживает этот плагин...

Установил как все здесь написано, при добавление записей не меняется кнопка визуально на html и наоборот ? не подскажите в чем проблема и как ее решить ? заранее благодарю

В чём проблема ?: не отображает корректно кириллицу.

Прикольно! :) Надо будет попробовать :)