Как настроить свой интернет-магазин с помощью блоков WooCommerce

Опубликовано: 2020-05-08
WooCommerce Blocks

Последнее обновление — 20 мая 2020 г.

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

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

Подробнее о блоках WooCommerce

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

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

Блоки продуктов

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

Блоки WooCommerce

Блок рекомендуемых продуктов

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

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

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

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

Блок «Все продукты» включает две важные вещи.

  1. Настройки макета
  2. Настройки контента

Настройка макета:

  • Настройка количества столбцов и строк на вашей странице и настройка макета сетки товаров.
  • Выравнивание кнопок — установка их под контентом или выравнивание.

Настройка содержания :

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

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

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

Блоки WooCommerce

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

В блоках WooCommerce доступны три блока фильтров.

  1. Фильтровать по цене; мин и макс
  2. Фильтр по атрибутам; цвет, размер и т.д.
  3. Показать выбранные фильтры сбоку

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

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

Параметры блока отобранных продуктов включают в себя:

  • Число столбцов; вы можете выбрать до шести
  • кнопки выравнивания; установить их ниже содержимого или выровнять их
  • Показать или скрыть название продукта, рейтинг продукта, цену и кнопку «Добавить в корзину»

Блоки просмотра

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

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

Параметры блока просмотра включают в себя:

  • Отображение или скрытие названия или рейтинга продукта, имени рецензента, даты рецензирования, содержания рецензии и изображения (продукта или рецензента).
  • Вы можете разрешить пользователям упорядочивать товары по наивысшему рейтингу, самому низкому рейтингу и последним товарам.
  • Установите начальное количество отзывов для отображения
  • Предоставьте пользователям возможность «загружать больше» отзывов

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

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

Подводя итоги

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

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

дальнейшее чтение

  • Плагин отображения продуктов WooCommerce.
  • Как привлечь трафик на страницы товаров?