Создание интернет-магазина с помощью редактора блоков Gutenberg позволяет создать оптимизированный и функциональный процесс покупок, не прибегая к сложному программированию или громоздким плагинам для построения страниц. Простой плагин блока может помочь вам настроить страницы продуктов и стиль сайта. Предлагаем три плагина для блоков, специально разработанные для магазинов WooCommerce.
Зачем использовать Gutenberg для создания своего интернет-магазина?
- Простота – Гутенберг встроен в WordPress. Это означает, что вам не нужно использовать другой интерфейс конструктора страниц, и не нужно беспокоиться о проблемах совместимости с WordPress.
- Скорость сайта – поскольку не нужно запускать плагин для создания страниц, ваш сайт будет легче и быстрее.
- SEO – скорость вашего сайта важна как никогда, поскольку Google скоро включит этот показатель при определении рейтинга страницы в поисковой системе.
Использование блоков для создания вашего магазина
Гутенберг использует редактор блоков для создания записей и страниц вашего магазина, и вы можете расширить свою библиотеку блоков и добавить параметры настройки, установив дополнительные плагины блоков. Конечно, вы можете использовать стандартные блоки WordPress, такие как заголовки и абзацы, но вам, вероятно, также потребуется отображать рейтинги и обзоры, списки продуктов, фильтрацию по категории или цене и многое другое.
Плагин блока, который специализируется на WooCommerce, может помочь вам настроить свой магазин электронной коммерции и добавить важные функции. Но какой выбрать? Давайте рассмотрим три отличных варианта для разных типов магазинов.
1. WooCommerce Blocks
Страница магазина, созданная с использованием основных блоков WooCommerce
Отображение списка продуктов с использованием основных блоков WooCommerce
Кому это следует использовать? Люди, которым нужны только основы и которые хотят быстро открыть магазин.
Что он делает и как работает:
WooCommerce предоставляет множество функций в админке вашего сайта, которые помогут управлять своими товаров, запасами и платежами. Однако, когда дело доходит до отображения товаров на интерфейсе вашего сайта, WooCommerce предлагает только базовые варианты. Если вы хотите отображать товары в виде сетки и вас устраивают стандартные макеты и варианты стилей, WooCommerce – это все, что вам нужно для быстрого запуска магазина.
Его 19 базовых блоков охватывают три основные функции, настроить которые можно всего за пару кликов.
- Отображать список товаров – эти блоки используют формат сетки для отображения товаров в соответствии с различными критериями (например, по категории, по атрибуту, с самым высоким рейтингом).
- Помощь клиентам найти ваши товары – включает простой поиск по ключевым словам, список категорий продуктов и возможность выделить определенную категорию.
- Отображать обзоры – все отзывы, по категориям или по продуктам.
Не приятным является то, что варианты стилизации этих блоков крайне ограничены. Например, вы не можете настраивать шрифты, кнопки или макет содержимого в блоке (кроме включения или выключения полей). Если вас не устраивает стандарт по умолчанию или вы хотите выделить свой магазин, вам может потребоваться расширить параметры блокировки с помощью более настраиваемого плагина.
Плагин не позволяет создавать настраиваемые шаблоны для одного товара, архивы или настраиваемую страницу магазина.
WooCommerce также предлагает отдельный плагин под названием WooCommerce Blocks с некоторыми дополнительными блоками. Этот плагин позволяет разработчикам WooCommerce тестировать идеи и экспериментировать с блоками, которые они могут в конечном итоге добавить в основной плагин. Он отлично подходит для добавления еще большего количества блоков в вашу линейку. Но имейте в виду, что версии этого плагина могут быть стабильными и не всегда работают без проблем.
Смотрите также:
Пошаговое руководство «Как улучшить галерею продуктов Woocommerce»
2. ProductX – Gutenberg WooCommerce Blocks
Страница магазина, созданная с помощью ProductX - Gutenberg WooCommerce Blocks
Отображение списка товаров с помощью ProductX - Gutenberg WooCommerce Blocks
Кому следует использовать? Люди, которые хотят расширить базовые параметры блока WooCommerce дополнительными параметрами стиля и настройки.
Что он делает и как работает:
Если вам нужен дополнительный контроль над вариантами стиля, ProductX - Gutenberg WooCommerce Blocks включает в себя:
- Дополнительные параметры макета – карусель товаров, множество предустановленных макетов сетки и расширенный конструктор пост-запросов для выбора товаров для отображения.
- Расширенные средства управления стилем – выбирайте цвета, поля, шрифты и даже эффекты наведения.
- 3 разных начальных шаблона дизайна – быстро создайте функциональную домашнюю страницу или целевую страницу.
Хотя этот плагин упрощает стилизацию сайта в соответствии с вашим собственным брендом, он остается довольно базовым по функциональности. Это означает, что можно быстро приступить к работе, но некоторые функции, такие как интерфейсная фильтрация, не особенно эффективны.
Вы не можете добавлять настраиваемые поля и настраиваемую информацию в свои списки продуктов, и это не позволяет настраивать внешний вид страниц с одним товаром и архивов товаров.
3. Toolset’s WooCommerce Blocks
Страница архива магазина, созданная с помощью Toolset
Отображение списка товаров с помощью блоков WooCommerce Toolset
Кому это следует использовать? Люди, которым нужен полностью индивидуальный сайт как по стилю, так и по функциональности. Набор инструментов отлично подходит для людей, которые хотят настроить только определенные аспекты своего магазина, например страницу одного товара.
Что установить: типы наборов инструментов, блоки набора инструментов, блоки набора инструментов WooCommerce, которые являются частью Toolset package.
Что он делает и как работает:
С Toolset’s WooCommerce Blocks вы можете создавать продвинутые специализированные магазины WooCommerce без какого-либо программирования.
Это набор плагинов, который включает в себя собственный набор блоков для WooCommerce, включая кнопку «Добавить в корзину», вкладки товаров и сопутствующие товары.
С помощью Toolset вы можете:
- Создавать настраиваемые типы записей и поля для дальнейшего определения ваших товаров.
- Настраивать архивы товаров, такие как страница магазина, категории товаров, таксономии продуктов и многое другое.
- Управлять стилем веб-сайта с помощью множества опций.
Toolset – единственный платный плагин в этом списке. Все потому, что Toolset – это целый набор плагинов, предназначенных не только для предоставления дополнительных функций WooCommerce, но и для помощи в создании и настройке всего сайта.
Вот еще несколько вещей, которые вы также можете делать с помощью Toolset:
- Отображать местоположение ваших магазинов или другой тип записей на карте.
И все это можно сделать без программирования!
Есть еще три вещи, которые выделяют Toolset среди других плагинов:
- Поскольку Toolset не полагается на какие-либо стандартные шаблоны или функции WooCommerce, можно легко создавать страницы для продажи других типов товаров, таких как цифровые продукты, доступ к вебинарам, уровни пакетов услуг и многое другое.
- С помощью Toolset можно настроить свой сайт в соответствии с тем, что вы продаете. Например, если вы не продаете каталог товаров, ускорите процесс оформления заказа, пропустив корзину и перейдя непосредственно к экрану оплаты.
- Toolset предоставляет бесплатные учебные курсы по созданию расширенных настраиваемых сайтов, включая магазины WooCommerce.
Какой плагин выбрать?
Основные блоки WooCommerce, включенные в ядро, позволяют быстро настроить магазин с помощью нескольких основных функций и стиля. Однако, если вы ищете какие-либо дополнительные параметры настройки, подумайте об использовании другого плагина блоков.
ProductX - Gutenberg WooCommerce Blocks дает несколько дополнительных параметров стиля, шаблонов и макетов, но не добавляет много функциональности. Зато он бесплатный.
Смотрите также:
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/