WooCommerce: как начать работу с блоками WooCommerce — ЧАСТЬ 2

WooCommerce — одна из ведущих платформ электронной коммерции, занимающая свою территорию в индустрии электронной коммерции по одному веб-сайту за раз — с более чем 5 миллионами загрузок. Он предлагает комплексное решение для интернет-магазина для малого и среднего бизнеса и веб-профессионалов.

И теперь команда разработчиков работает над тем, чтобы сделать WooCommerce полностью совместимым с Gutenberg. И первый этап касается создания пользовательских блоков WooCommerce , которые можно использовать в новом редакторе WordPress.

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

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

Как добавлять и редактировать блоки WooCommerce?

Чтобы добавить блоки WooCommerce, сначала обязательно загрузите копию плагина WooCommerce Blocks.

После его установки становится легко использовать настраиваемые блоки WooCommerce на любой странице/публикации. Нажмите на значок «Добавить блок» [+], выберите блок WooCommerce, который вы хотите добавить, и просто перетащите его в подходящее место на вашей странице.

Совет для профессионалов: чтобы быстро добавить блоки в свой магазин, используйте сочетание клавиш «/», которое отобразит список доступных блоков WooCommerce.

При этом редактировать блоки тоже легко. Нажмите на блок, который вы хотите отредактировать, и выберите подходящий параметр настройки, например, отрегулируйте количество строк или столбцов — на правой панели «Настройщик блоков». Вносимые вами изменения будут обновлять блок.

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

Список основных блоков WooCommerce [Часть 2]

11. Товары со скидкой

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

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

12. Поиск продукта

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

Этот блок поставляется с единственной опцией настройки для отображения или скрытия метки поля поиска.

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

13. Список категорий товаров

В этом блоке отображается список всех категорий товаров. Вы можете выбрать отображение категорий в раскрывающемся списке или в виде списка. Примерами категорий могут быть толстовки, футболки, обувь или аксессуары.

Вы можете скрыть или отобразить изображения категорий, иерархию категорий (или подкатегорий), количество продуктов и пустые категории (категории, которым не назначены продукты, что вряд ли возможно).

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

14. Товары по атрибуту

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

Его параметры настройки аналогичны другим блокам WooCommerce, где вы можете скрыть или отобразить рейтинг продукта, название, цену, кнопку «Добавить в корзину» и настроить количество строк и столбцов сетки.

15. Товары по тегам

Этот блок обеспечивает более точную и детальную фильтрацию для ваших клиентов.

Используя блок «Продукты по тегам», вы можете составить список своих продуктов на основе определенных тегов. Например, если товар представляет собой шляпу, тегами могут быть панама, шляпа-поло, ковбойская шляпа или шляпа-канотье. Его параметры настройки аналогичны параметрам блока «Продукты по атрибутам».

16. Отзывы по продуктам

Обзоры по продуктам — это простой блок, в котором не так много параметров настройки.

Этот блок позволяет отображать все отзывы о конкретном продукте, который вы выбираете из списка. Например, если вы выбираете шапку товара — в этом блоке отображаются все отзывы, полученные на шапку товара в вашем магазине.

Блок «Отзывы по продуктам» играет важную роль в укреплении доверия клиентов к вашему конкретному продукту и бренду.

17. Отзывы по категориям

Блок «Отзывы по категориям» почти аналогичен блоку «Все отзывы», который мы рассмотрели в первой части статьи. Разница лишь в том, что в этом блоке вы можете фильтровать и отображать отзывы на основе определенных категорий товаров.

Вы можете скрыть или показать название продукта, изображение продукта, рейтинг продукта, название отзыва, данные отзыва, содержание отзыва и фотографию рецензента. Вы также можете добавить кнопку «Добавить в корзину».

Опять же, блок «Отзывы по категориям» позволяет вашим клиентам принимать более обоснованные решения о покупке, просматривая отзывы других покупателей.

18. Продукты с самым высоким рейтингом

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

Его параметры настройки аналогичны другим блокам, которые отображают продукты в сетке, например блоку «Продукты со скидкой». Тем не менее, он также поставляется с дополнительной опцией фильтрации по категориям, позволяющей клиентам фильтровать продукты с самым высоким рейтингом по категориям по своему выбору.

19. Товары, отобранные вручную

Блок «Выбранные вручную продукты» позволяет вручную выбирать определенные продукты по вашему выбору и отображать их в стандартной сетке продуктов WooCommerce.

Вы можете выбрать столько продуктов по вашему выбору, чтобы привлечь к ним максимальный трафик и увеличить продажи.

Кроме того, вы можете настроить макет выбранных вами продуктов, скрыть / отобразить название продукта, название продукта, рейтинг продукта, кнопку «Добавить в корзину», установить параметры фильтра и заказа и даже установить общее количество столбцов продукта.

20. Фильтровать товары по запасам

Используя блок «Фильтровать товары по запасам» — вы можете отображать товары своего магазина в зависимости от состояния запасов. Например, вы можете выбрать статус «Нет в наличии», «В наличии» или «Отложенный заказ».

Вы можете выбрать уровень заголовка (H2, H3 или H4), показать или скрыть количество продуктов и добавить дополнительную кнопку фильтра, например «Перейти». Помимо этого, в этом блоке нет других параметров настройки.

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

Вывод

Блоки WooCommerce — отличный способ создать звездный магазин электронной коммерции и продвигать продукты на любой странице магазина или в блоге.

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

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

Более того, добавление и редактирование этих блоков не составляет труда, и вы можете легко сделать это с помощью простых параметров и настроек.

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

Если вы пропустили часть 1 этой статьи, прочитайте ее здесь, чтобы узнать о полном наборе блоков WooCommerce, которые вы можете использовать в своем интернет-магазине.