Плагин для вставки шоткодов Woocommerce

Шорткоды WooCommerce

Здравствуйте, дорогие друзья!

Сегодня я хотела бы с вами поговорить на тему создания интернет магазинов, а именно о том, как вывести на любой странице сайта различные группы товаров используя шорткоды Woocommerce.

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

Ранее я уже писала статью по поводу использования шорткодов в WooCommerce, с которой вы можете ознакомиться по этой ссылке:
Как использовать шорткоды WooCommerce

Поэтому сегодня я хочу показать вам очень полезный плагин под названием WooCommerce Shortcodes, который позволит вам генерировать шорткоды Woocommerce непосредственно в текстовом редакторе WordPress.

Плагин WooCommerce Shortcodes
Как сделать интернет-магазин?

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

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

По этой ссылке вы можете ознакомиться с перечнем всех шорткодов Woocommerce, доступных в плагине: Shortcodes included with WooCommerce
  1. 1.Для начала работы вам, как всегда, нужно найти его в репозитории, установить и активировать.
    Установка плагина WordPress
  2. 2.После установки и активации плагина нам нужно перейти в раздел «Страницы» и открыть для редактирования ту страницу, на которой мы хотим сделать вывод.
    Кнопка генерирования шорткодов WooCommerce Shortcodes

Обратите внимание! В панели инструментов появилась кнопка «WooCommerce», с помощью которой мы теперь можем вставить нужный нам шорткод WooCommerce.

Как сгенерировать шорткод в WooCommerce Shortcodes

Пользоваться плагином очень просто! Для вставки шорткода вам нужно:

  1. 1.Открыть страницу для редактирования в текстовом редакторе WordPress. Для этого в левом меню админки выбираем «Страницы» => «Все страницы», и под названием нужной нам страницы кликаем по ссылке «Изменить».
    Открыть страницу для редактирования
  2. 2.В открывшемся текстовом редакторе WordPress, в рабочей области, где расположен редактируемый контент страницы, кликнув мышкой, ставим курсор в том месте, где хотим вставить шорткод WooCommerce.
  3. 3.После чего кликаем по кнопке «WooCommerce» в панели инструментов:
    Кнопка WooCommerce Shortcodes
  4. 4.В открывшемся списке, например, если мы хотим вывести на страницу последние добавленные товары, выбираем пункт «List» => «Recent Products»:
    Выбор шорткода
  5. 5.После этого перед нами откроется окошко, где нам нужно будет настроить будущий шорткод:
    Настройка шорткода
    • Products Per Page — указываем сколько элементов будет отображаться на странице
    • Columns – количество столбцов с элементами на странице
    • Order By – сортировка по выбранному параметру
    • Order – порядок сортировки, по возрастанию/по убыванию

    То есть, в данном случае на странице будут отображаться 12 товаров, разделенные на 4 колонки, отсортированные по дате в порядке возрастания.

  6. 6.По окончании настройки нажимаем на кнопку «Ок» и на странице будет сгенерирован вот такой шорт код:
    Готовый шорткод WooCommerce
  7. 7.Теперь сохраняем страницу, открываем ее для просмотра, и проверяем что у нас получилось.
    Витрина товаров WooCommerce

Как видите, все очень просто! Практически за несколько минут мы сделали блок «Новинки» с витриной товаров на главной странице.

Набор шорткодов доступный в WooCommerce Shortcodes

  1. 1.«Product» — позволяет вставить единичные продукты. Включает в себя:
    • Price/cart button – вставляет цену или кнопку «Купить»
    • Add to cart URL – добавляет URL-адрес кнопки «Добавить в корзину»
    • By SKU/ID – вставка одного товара по артикулу или идентификатору товара
    Чтобы узнать идентификатор вам нужно перейти в раздел меню «Товары» => «Все товары», и навести указатель мышки на нужный товар. Под название товара отобразится его идентификатор:

    Как узнать ID товара WooCommerce
  2. 2.List – позволяет вывести группу товаров. Включает в себя шорткоды для вывода:
    • Products by SKU/ID – по конкретному идентификатору или артикулу
    • Product categories – по категории
    • Products by category slug – по слагу категории
    • Products by attributes – по атрибутам
    • Recent products – недавно добавленные товары
    • Featured products – рекомендуемые товары
    • Sale products – товары по распродаже
    • Best selling products – наиболее продаваемые товары
    • Top rated products – товары с самым высоким рейтингом
  3. 3.Shop Messages – добавляет на страницу вывод уведомлений WooCommerce. Например, сообщение о добавлении товара в корзину. Правда эта опция не всегда работает.
  4. 4.Order tracking – выводит на страницу форму для отслеживания статуса заказа

Надеюсь данный плагин будет для вас полезен при создании вашего интернет-магазина, и процесс использования шорткодов WooCommerce станет для вас еще проще и удобнее.

Как научиться продвигать сайты?

А на сегодня у меня все! Если вам понравился данный плагин, не забудьте политься статьей со своим друзьями в соцсетях и добавить ее в закладки. Пригодится!

До встречи в следующих статьях!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

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

  1. Вот, как раз это то, что мне было нужно. Спасибо //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

  2. Здравствуйте! Уже некторое время слежу за вашим сайтом, очень полезный….:) особенно для чайников как я!

    Только на данный моменто вопрос у меня другой, может не по теме, но ожень нужно!

     

    Пожалуйста посоветуйте нормальный плагин для создания колонок в сайте, только не WP Collumns а то я уже в истерике бьюсь//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif, делаю две колонки, в одной фото, в фругой текст, фомратирую текст, но похоже (возможно) во время форматации текста колонки исчeзают, КАК ТОЛьКО СОХРАНЯЮ страницу текс слетает под фото, никаких колонok нет, они просто исчзают!

    Пожалуйтса помогите срочно плиз!

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

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

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif