Введение в блоки WooCommerce в WordPress (и как их использовать)

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

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

В этой статье мы познакомим вас с основами блоков WooComerce. Затем мы познакомим вас с вашими вариантами и дадим несколько советов по их использованию. Давай начнем!

Введение в блоки WooCommerce

Редактор блоков WordPress разделяет ваш контент на отдельные области. Таким образом, вы можете создать свой веб-сайт организованным и интуитивно понятным образом. Доступно множество вариантов блокировки, но мы сосредоточимся, в частности, на одной группе: блоки WooCommerce.

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

Чтобы начать работу с этими блоками, откройте страницу или публикацию, которую хотите отредактировать. Щелкните значок плюса в правом верхнем углу. Затем прокрутите вниз, пока не увидите раздел WooCommerce:

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

Как использовать блоки WooCommerce в WordPress

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

1. Блок всех отзывов

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

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

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

2. Блок самых продаваемых товаров

Блок «Самые продаваемые товары» позволяет легко разместить самые популярные товары:

Есть несколько элементов, которые вы можете выделить. Детали, такие как рейтинг продукта и цена продукта , являются двумя умными вариантами, которые следует включить.

Вы также можете рассмотреть возможность использования кнопки «Добавить в корзину» . Таким образом, у пользователей есть быстрый и простой способ совершать покупки.

3. Блок тележки

Интернет-корзина является основой любого интернет-магазина. Поэтому включение блока корзины, вероятно, необходимо. Просто перетащите его туда, куда вы хотите, чтобы он отображался:

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

4. Блок оформления заказа

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

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

5. Обзоры по продуктам и блокам категорий

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

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

6. Блок отобранных товаров

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

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

Из-за этого различие может показаться неважным. Ограничение этого элемента тремя или четырьмя элементами подчеркивает, что они действительно особенные.

7. Блок «Все продукты»

В отличие от опции «Выбрано вручную», блок «Все товары» показывает все, что может предложить ваш магазин:

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

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

8. Товары по категориям и блокам списка категорий

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

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

9. Блок поиска товаров

Плавная навигация необходима для хорошо управляемого веб-сайта. Поэтому панель поиска может быть мудрой идеей:

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

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

10. Блоки фильтров

Вы можете использовать эти блоки, чтобы клиенты могли легко фильтровать продукты, которые они ищут:

• Фильтровать по цене
• Фильтровать по атрибуту
• Фильтр по акции
• Активный фильтр товаров

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

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

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

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

12. Рекомендуемые блоки продуктов и категорий

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

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

13. Товары по блокам тегов и атрибутов

Эти два блока предлагают больше способов фильтрации ваших товаров. В первом будут отображаться продукты на основе тегов — в приведенном ниже примере эти продукты могут быть помечены как « Музыка »:

Блок атрибутов становится еще более конкретным и может фильтровать по таким элементам, как цвет или размер.

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

14. Блок продуктов с самым высоким рейтингом

Иногда вы хотите показать лучшее из того, что может предложить ваш магазин. Для этого можно использовать блок Top Rated Products. Это простой способ показать свои товары с самыми положительными отзывами:

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

15. Блок новейших продуктов

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

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

16. Блок товаров со скидкой

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

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

Вывод

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

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

У вас есть вопросы о блоках WooCommerce? Дайте нам знать в комментариях ниже!