Как в статье WooCommerce добавить товар

Добавить товар в статью или запись WordPress с использованием WooCommerce можно несколькими способами: с помощью шорткодов, блочного редактора (Gutenberg), или через плагины, которые предлагают виджеты и инструменты для интеграции товаров. Рассмотрим несколько методов добавления товаров в статью или запись.

1. Использование шорткодов WooCommerce

Шорткоды — это самый простой способ добавления товаров в любую статью или страницу WordPress. WooCommerce предлагает несколько шорткодов для отображения товаров.

Примеры шорткодов WooCommerce:

1. Добавление конкретного товара в статью: Если вы хотите вставить конкретный товар, используйте шорткод с ID товара:

   [product_page id="123"]

   Здесь 123 — это ID товара, который вы хотите добавить в статью. Шорткод выведет полную страницу товара внутри вашей статьи.

2. Вывод нескольких товаров: Вы можете вывести несколько товаров, указав их ID:

   [products ids="10, 15, 23"]

   Этот шорткод выведет несколько товаров с указанными ID.

3. Вывод товаров по категории: Если вы хотите вывести все товары из конкретной категории, используйте шорткод:

   [products category="odezhda"]

   Здесь odezhda — это слаг категории, товары из которой будут отображены в статье.

4. Вывод популярных товаров: Вы можете показать популярные товары, отсортированные по количеству продаж:

   [products limit="4" columns="4" orderby="popularity"]

   Этот шорткод выведет 4 популярных товара в 4 колонки.

5. Вывод товаров на распродаже: Для отображения товаров со скидкой:

   [sale_products limit="4"]

2. Использование блочного редактора (Gutenberg)

Если вы используете Gutenberg (блочный редактор WordPress), WooCommerce предоставляет специальные блоки для вставки товаров прямо в редактор.

Шаги для вставки товара с помощью блоков:

1. Откройте запись или страницу, в которую хотите добавить товар.
2. Нажмите кнопку Добавить блок (кнопка с плюсом).
3. Найдите и выберите блок WooCommerce Products или Single Product.
   • ? Products — позволяет вставить несколько товаров с разными фильтрами (категории, теги и т.д.).
   • ? Single Product — позволяет вставить один конкретный товар по его ID.
4. Настройте блок, выбрав товар или фильтр товаров, которые вы хотите показать.

Теперь товар будет отображён в статье с помощью встроенного блокового редактора.

3. Использование плагинов для вставки товаров

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

Популярные плагины:

1. WooCommerce Shortcodes Plugin:

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

2. WooCommerce Product Table:

• ? Плагин позволяет выводить товары в виде таблицы с возможностью фильтрации, сортировки и поиска прямо внутри статьи.
• ? Вы можете выбирать, какие товары отображать, и каким образом они должны быть представлены.

Шаги для использования WooCommerce Product Table:

1. Установите плагин через Плагины > Добавить новый.
2. После установки и активации перейдите в запись или статью.
3. В редакторе используйте специальный шорткод для вставки таблицы товаров:

   [product_table]

Вы можете настроить таблицу, добавив параметры, например:

[product_table category="odezhda" columns="name,price,add-to-cart"]

Этот шорткод выведет таблицу товаров из категории "odezhda" с колонками "название", "цена" и кнопкой "добавить в корзину".

4. Вставка ссылки на товар с кнопкой "Добавить в корзину"

Если вы хотите вставить ссылку на товар или кнопку "Добавить в корзину" прямо в текст статьи, WooCommerce предоставляет для этого специальный шорткод.

Пример кнопки "Добавить в корзину":

1. Используйте следующий шорткод, чтобы добавить кнопку прямо в статью:

   [add_to_cart id="123"]

   Здесь 123 — это ID товара, который будет добавлен в корзину при нажатии на кнопку.

2. Если вы хотите вывести кнопку с количеством товаров, которые пользователь может добавить, используйте:

   [add_to_cart id="123" quantity="2"]

Этот метод позволяет напрямую добавить товар в корзину через статью.

Заключение

Для того чтобы добавить товар WooCommerce в статью или запись WordPress, вы можете воспользоваться несколькими способами:

• > Шорткоды WooCommerce позволяют легко вставлять отдельные товары, товары по категориям, популярные или распродажные товары.
• > Блочный редактор Gutenberg предоставляет встроенные блоки для вставки товаров и их фильтрации.
• > Использование плагинов расширяет функционал и даёт больше гибкости в отображении товаров.
• > Можно также добавить кнопку "Добавить в корзину" прямо в статью.

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