3 плагина Gutenberg блоков для магазинов WooCommerce

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

Зачем использовать Gutenberg для создания своего интернет-магазина?

  • Простота – Гутенберг встроен в WordPress. Это означает, что вам не нужно использовать другой интерфейс конструктора страниц, и не нужно беспокоиться о проблемах совместимости с WordPress.
  • Скорость сайта – поскольку не нужно запускать плагин для создания страниц, ваш сайт будет легче и быстрее.
  • SEO – скорость вашего сайта важна как никогда, поскольку Google скоро включит этот показатель при определении рейтинга страницы в поисковой системе.

Использование блоков для создания вашего магазина

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

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

1. WooCommerce Blocks

3 плагина Gutenberg блоков для магазинов WooCommerce

Страница магазина, созданная с использованием основных блоков WooCommerce

3 плагина Gutenberg блоков для магазинов WooCommerce

Отображение списка продуктов с использованием основных блоков WooCommerce

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

Что установить: плагин WooCommerce.

Что он делает и как работает: 

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

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

  • Отображать список товаров – эти блоки используют формат сетки для отображения товаров в соответствии с различными критериями (например, по категории, по атрибуту, с самым высоким рейтингом).
  • Помощь клиентам найти ваши товары – включает простой поиск по ключевым словам, список категорий продуктов и возможность выделить определенную категорию.
  • Отображать обзоры – все отзывы, по категориям или по продуктам.

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

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

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

Смотрите также:

Пошаговое руководство «Как улучшить галерею продуктов Woocommerce»

2. ProductX – Gutenberg WooCommerce Blocks

3 плагина Gutenberg блоков для магазинов WooCommerce

Страница магазина, созданная с помощью ProductX – Gutenberg WooCommerce Blocks

3 плагина Gutenberg блоков для магазинов WooCommerce

Отображение списка товаров с помощью ProductX – Gutenberg WooCommerce Blocks

Кому следует использовать? Люди, которые хотят расширить базовые параметры блока WooCommerce дополнительными параметрами стиля и настройки.

Что установить: ProductX – Gutenberg WooCommerce Blocks.

Что он делает и как работает: 

Если вам нужен дополнительный контроль над вариантами стиля, ProductX – Gutenberg WooCommerce Blocks включает в себя:

  • Дополнительные параметры макета – карусель товаров, множество предустановленных макетов сетки и расширенный конструктор пост-запросов для выбора товаров для отображения.
  • Расширенные средства управления стилем – выбирайте цвета, поля, шрифты и даже эффекты наведения.
  • 3 разных начальных шаблона дизайна – быстро создайте функциональную домашнюю страницу или целевую страницу.

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

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

3. Toolset’s WooCommerce Blocks

3 плагина Gutenberg блоков для магазинов WooCommerce

Страница архива магазина, созданная с помощью Toolset

3 плагина Gutenberg блоков для магазинов WooCommerce

Отображение списка товаров с помощью блоков WooCommerce Toolset

Кому это следует использовать? Люди, которым нужен полностью индивидуальный сайт как по стилю, так и по функциональности. Набор инструментов отлично подходит для людей, которые хотят настроить только определенные аспекты своего магазина, например страницу одного товара.

Что установить: типы наборов инструментов, блоки набора инструментов, блоки набора инструментов WooCommerce, которые являются частью Toolset package.

Что он делает и как работает: 

С Toolset’s WooCommerce Blocks вы можете создавать продвинутые специализированные магазины WooCommerce без какого-либо программирования.

Это набор плагинов, который включает в себя собственный набор блоков для WooCommerce, включая кнопку «Добавить в корзину», вкладки товаров и сопутствующие товары.

С помощью Toolset вы можете:

  • Создавать настраиваемые типы записей и поля для дальнейшего определения ваших товаров.

3 плагина Gutenberg блоков для магазинов WooCommerce

  • Создавайте полностью настраиваемые шаблоны для отображения товаров в соответствии с различными критериями.

3 плагина Gutenberg блоков для магазинов WooCommerce

  • Настраивать архивы товаров, такие как страница магазина, категории товаров, таксономии продуктов и многое другое.

3 плагина Gutenberg блоков для магазинов WooCommerce

  • Управлять стилем веб-сайта с помощью множества опций.

3 плагина Gutenberg блоков для магазинов WooCommerce

Toolset – единственный платный плагин в этом списке. Все потому, что Toolset – это целый набор плагинов, предназначенных не только для предоставления дополнительных функций WooCommerce, но и для помощи в создании и настройке всего сайта.

Вот еще несколько вещей, которые вы также можете делать с помощью Toolset:

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

3 плагина Gutenberg блоков для магазинов WooCommerce

  • Разрешите поставщикам размещать свои товары на вашем сайте с помощью интерфейсных форм.

3 плагина Gutenberg блоков для магазинов WooCommerce

  • Добавьте надежные и мощные параметры поиска продуктов.

3 плагина Gutenberg блоков для магазинов WooCommerce

  • Свяжите свои товары с другими типами записей (например, соедините аксессуары, которые вы продаете, с типом записи для одежды).

3 плагина Gutenberg блоков для магазинов WooCommerce

И все это можно сделать без программирования!

Есть еще три вещи, которые выделяют Toolset среди других плагинов:

  1. Поскольку Toolset не полагается на какие-либо стандартные шаблоны или функции WooCommerce, можно легко создавать страницы для продажи других типов товаров, таких как цифровые продукты, доступ к вебинарам, уровни пакетов услуг и многое другое.
  2. С помощью Toolset можно настроить свой сайт в соответствии с тем, что вы продаете. Например, если вы не продаете каталог товаров, ускорите процесс оформления заказа, пропустив корзину и перейдя непосредственно к экрану оплаты.
  3. Toolset предоставляет бесплатные учебные курсы по созданию расширенных настраиваемых сайтов, включая магазины WooCommerce.

Какой плагин выбрать?

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

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

Источник: torquemag.io

Алексей Шевченко
Алексей Шевченко
редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Источник: hostenko.com/wpcafe

%d такие блоггеры, как: