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

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

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

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

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

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

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

1. 1.Для начала работы вам, как всегда, нужно найти его в репозитории, установить и активировать.
   
2. 2.После установки и активации плагина нам нужно перейти в раздел «Страницы» и открыть для редактирования ту страницу, на которой мы хотим сделать вывод.
   

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

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

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

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

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

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

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

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

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

   
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 станет для вас еще проще и удобнее.

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

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

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