Блоки WooCommerce: что это такое и как их эффективно использовать
Опубликовано: 2022-08-28Введение
Блоки WooCommerce — это новый способ создания и управления контентом для вашего магазина WooCommerce. С помощью блоков вы можете легко добавлять динамический контент на свои страницы, упрощая создание привлекательных и визуально привлекательных страниц, которые помогают продавать ваши продукты.
Блоки создаются в новом редакторе блоков, который позволяет быстро перетаскивать любой блок в макет в любое время. Есть два типа блоков, которые вы можете использовать на своем сайте: базовый и расширенный. Базовые блоки просты в создании, но ограничены по объему. Расширенные блоки гораздо более настраиваемые, и их создание занимает немного больше времени.
Базовые блоки — отличный способ добавить сообщения в блог, информацию о продукте и рекламные акции магазина. Расширенные блоки включают в себя инструменты для создания интегрированных форм и галерей, добавления обзоров продуктов и даже создания пользовательского контента для вашего веб-сайта.
В этом посте я покажу вам, как эффективно использовать семь блоков WooCommerce, чтобы создать отличный пользовательский интерфейс для ваших клиентов. Итак, приступим!
Что такое блоки WooCommerce?
Блоки WooCommerce породили совершенно новый способ настройки веб-сайтов. Эта функция была представлена в более новых версиях WooCommerce, и с тех пор она значительно упростила внедрение новых и расширенных функций. Например, вы можете создавать различные веб-сайты электронной коммерции с разными макетами, используя блоки WooCommerce в уникальной комбинации.
Блоки WooCommerce — это элементы, которые вы можете добавить на свои веб-страницы, чтобы улучшить взаимодействие пользователей с вашим сайтом. Некоторые из основных функций этих блоков — выбор их положения, размера, настройки, цветовой палитры и даже анимационных эффектов. Анимационные эффекты для этих блоков вывели разработку веб-сайтов электронной коммерции на совершенно новый уровень.
Блоки WooCommerce можно добавлять в верхний, нижний колонтитулы или боковые панели веб-страниц. Вы также можете выбрать несколько позиций для этих блоков и выбрать ту, которая лучше всего соответствует вашим требованиям. Если вы хотите использовать WooCommerce в качестве механизма электронной коммерции для своего блога, вы можете добавить значок корзины покупок на боковую панель. Это будет включать в себя прямую ссылку на страницу оформления заказа WooCommerce и может использоваться постоянными посетителями вашего блога.
Преимущества использования блоков в WooCommerce
Блоки — отличный способ оживить ваши страницы. Вот некоторые из преимуществ их использования!
- Легко использовать
Блоки просты в использовании. Просто перетащите их и поместите в нужное место. Обучение не требуется! Настроить блоки так же просто. Все, что вам нужно, это нажать на блок, который вы хотите отредактировать, настроить его по своему вкусу и нажать «Опубликовать».
- Позволяет создавать страницы быстрее
Блоки — это встроенная опция для отображения продуктов в большинстве тем и плагинов, поэтому для создания страниц не требуется много времени или энергии. Они идеально подходят для демонстрации ваших продуктов в удобной для чтения и навигации форме.
- **Гибкость при отображении продуктов
Блоки являются гибкими в том смысле, что вы можете смешивать и сочетать их, переопределять существующие блоки, удалять их или даже изменять их свойства. Вы также можете отображать различные блоки для своих посетителей в зависимости от того, на какой странице они сейчас находятся. Это позволяет вам дать им персонализированный опыт!
- Не требует опыта программирования
В прошлом дизайнерам требовался опыт кодирования для создания дисплеев контента с использованием отдельных продуктов в WooCommerce. Теперь большая часть этого обрабатывается блоками продуктов в новых версиях WooCommerce. Большая часть дизайна делается для вас, поэтому с вашей стороны не требуется много размышлений.
7 лучших блоков WooCommerce (и как их использовать)
Как владелец магазина, вы должны решить, как отображать товары на своем веб-сайте. Существует много типов блоков WooCommerce. Эти блоки можно добавить на любую страницу или запись на вашем сайте. Выбранный вами блок должен зависеть от того, какие продукты вы хотите отображать и как вы хотите их отображать.
Блок самых продаваемых товаров
Блок самых продаваемых продуктов можно использовать для отображения самых продаваемых продуктов на вашем сайте. Он также показывает самые продаваемые продукты из каждой категории. Вы можете выбрать, чтобы этот блок отображал или не отображал обзоры, цены и описания вашего продукта.
Самые продаваемые продукты поддерживаются WooCommerce по умолчанию. Вам нужно нажать «Продукты», а затем «Бестселлеры», чтобы отобразить их на своем веб-сайте. Это будет отображать самые продаваемые продукты всех времен, месяц за месяцем. Вы можете отсортировать этот список по дате или продажам.
Блок рекомендуемых товаров
В блоке рекомендуемых продуктов отображается конкретный продукт, на котором вы хотите сосредоточиться. Продукт, который вы выбираете для рекомендуемого продукта, должен быть в чем-то уникальным; может быть, это новый продукт, или, может быть, вы уделяете ему особое внимание для какой-то специальной акции. Вы можете использовать этот блок для отображения продуктов, которые недавно были представлены в новостях, или продуктов, которые представлены на вашем веб-сайте в течение ограниченного времени.
Блок товаров с самым высоким рейтингом
Блок продуктов с самым высоким рейтингом показывает только продукты с самым высоким рейтингом из всех ваших продуктов. Он отображает обзоры и рейтинги, поэтому вы увидите среднее количество звезд, которые получил ваш продукт.
Продукты с самым высоким рейтингом поддерживаются WooCommerce по умолчанию. Вам нужно нажать «Продукты», а затем «Самые рейтинговые», чтобы отобразить их на своем веб-сайте. Этот список автоматически генерируется со всеми вашими продуктами в порядке их рейтинга. Вы можете отсортировать этот список по дате на вкладке с самым высоким рейтингом или по алфавиту на вкладке популярных.
Блок всех отзывов
Блок всех отзывов позволяет отображать только самый последний отзыв для каждого продукта. Он показывает, сколько раз продукт был просмотрен до того, как кто-то оставил отзыв, когда он оставил отзыв, сколько раз он был добавлен в избранное. Кроме того, он включает в себя все изображения, прикрепленные к этому обзору, в том числе из галереи изображений продуктов. Чтобы отобразить блок всех отзывов на вашем веб-сайте, вам нужно нажать «Продукты», а затем «Все отзывы».
Фильтровать товары по ценовому блоку
Блок фильтрации товаров по цене позволяет отфильтровать товары по заданному вами минимальному и максимальному ценовому диапазону. Вы можете выбрать, показывать или не показывать в этом блоке обзоры, рейтинги и описания вашего продукта. Чтобы ввести числовое значение для минимального или максимального значения, введите число в текстовое поле, даже если перед запятой нет цифры. Например, при вводе числовых значений помните, что они включают; то есть при установке минимального ценового диапазона от 10 до 20 долларов это означает, что будут отображаться все товары, стоимость которых меньше 10 долларов или больше 20 долларов.
Чтобы отобразить продукты с фильтром по ценовому блоку на вашем веб-сайте, нажмите «Продукты», затем «Ценовые фильтры». В этом списке отображаются все текущие фильтры, настроенные для каждого продукта. Вы можете сохранить этот список как предустановку, чтобы легко использовать его позже или поделиться им с другими пользователями вашего магазина.
Блок продуктов по категориям
Блок «Товары по категориям» — это удобный способ увидеть сразу все товары в данной категории. Это может быть полезно для быстрого поиска продукта или получения обзора всех продуктов в данной категории. Чтобы использовать этот блок, перейдите на страницу «Продукты» в WooCommerce и щелкните блок «Продукты по категориям». Он покажет все продукты в данной категории, с кратким описанием и уменьшенным изображением для каждого продукта.
Блок новейших продуктов
Блок новейших товаров позволяет отображать только самые последние добавленные товары из всех ваших товаров. Новейший продукт по умолчанию поддерживается в WooCommerce. Вам нужно нажать «Продукты», а затем «Новинки», чтобы отобразить их на своем веб-сайте. Этот список автоматически генерируется со всеми вашими продуктами в порядке возрастания даты их добавления; последний добавленный отображается первым, а более старые отображаются ниже. Вы можете отсортировать этот список по дате с помощью самой новой вкладки или по алфавиту с помощью самой старой вкладки.
Заключительные замечания
Блоки WooCommerce — отличный способ улучшить внешний вид вашего магазина WooCommerce. Они позволяют добавлять пользовательские элементы дизайна, такие как кнопки, вкладки и многое другое.
Блоки делятся на две категории: базовые блоки, предоставляющие основной контент страницы или публикации, и расширенные блоки.
Большинство блоков доступны как в классическом редакторе, так и в Гутенберге. Кроме того, блоки просты в использовании, поскольку имеют интуитивно понятный интерфейс. Вы можете добавлять и редактировать блоки всего за несколько кликов.
Я надеюсь, что это руководство помогло вам больше узнать о блоках WooCommerce и дать советы по их эффективному использованию.
Если у вас есть какие-либо вопросы по этой теме, пожалуйста, прокомментируйте ниже. Я буду рад помочь.
Спасибо за чтение!
Что такое блок Гутенберга?
Блок Гутенберга — это многократно используемый фрагмент контента, который можно разместить в любом месте страницы. Блоки можно использовать для текста, изображений, видео или любого другого типа контента. Чтобы добавить блок Гутенберга, щелкните значок плюса (+) слева от страницы. Это вызовет библиотеку блоков, которые вы можете использовать.
Что такое блоки Elementor?
Блоки Elementor — это новый способ создания страниц с помощью Elementor. Они позволяют вам добавлять готовые виджеты на свою страницу, экономя ваше время и усилия. Вы можете добавить блоки на свою страницу двумя способами: либо с помощью панели инструментов в верхней части экрана, либо нажав кнопку «Добавить блок» в левом нижнем углу.
Как редактировать блок WooCommerce?
Вы можете редактировать блок WooCommerce, щелкнув значок «карандаш» рядом с ним в диспетчере блоков. Как только вы это сделаете, появятся настройки блока, и вы сможете изменить любой текст или HTML. После этого нажмите «Обновить», чтобы сохранить изменения.