Главная / Блог / Плагины Premmerce / Premmerce WooCommerce Product Filter — фильтры для WooCommerce

Premmerce WooCommerce Product Filter — фильтры для WooCommerce

19 июня 18
Reading Time: 5 minutes
3 комментария
1 Star2 Stars3 Stars4 Stars5 Stars (6 votes)

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

Основные возможности плагина:

    • отображение всех доступных фильтров с помощью одного виджета
    • гибкие настройки каждого фильтра в одном месте
    • фильтр по цене
    • виджет “Premmerce active filters”
    • интеграция с плагином Premmerce WooCommerce Brands
    • улучшена система кэширования
    • отображение только доступных атрибутов в зависимости от категории
    • возможность фильтрации результатов поиска

    Исследование быстродействия магазина

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

    Ознакомится можно по ссылке:

    Сравнение быстродействия фильтров WooCommerce и Premmerce WooCommerce Product Filter с cache plugins.

    Перечень основных возможностей Premium версии:

    Premium версию плагина WooCommerce Product Filter теперь, помимо того, что выдерживает большие нагрузки и является одним из самых быстрых фильтров для WooCommerce, значительно расширяет возможности для SEO. Теперь вы можете генерировать посадочные страницы с уникальными тайтлами, seo-текстом, человекопонятными URL на основе комбинаций категория + бренд + атрибуты товаров.

    Все возможности премиум версии:

    • Генерация страниц с ЧПУ на основе выбранной категории + бренда + атрибута (можно задать неограниченное количество атрибутов)
    • Возможность задать любой title для каждой генерированной страницы
    • Задать любой h1 для каждой генерированной страницы
    • Задать любой meta description для каждой генерированной страницы
    • Задать SEO-текст для каждой генерированной страницы
    • Используя переменные, задавать маску для автоматической генерации h1, title, meta description
    • Массовая генерация посадочных страниц на основе множественного выбора категории + брендов + атрибутов
    • Всем страницам, для которых не создавались свои правила, можно задать общую маску
    • Автоматическое добавление всех генерированных страниц в sitemap (если вы используете Yoast SEO)
    • Настройка правил создания url. Задать префикс для брендов и атрибутов и разделитель значений
    • Отображение атрибута “цвет” иконкой выбранного цвета на странице с фильтрами
    • Отображение атрибутов как Lable.

    Ниже мы опишем все эти возможности немного подробнее.

    Создание посадочных страниц на основе фильтров

    WooCommerce Product Filter Premium позволяет создавать посадочные страницы на основе выбора конфигурации фильтров. Правило, которое формирует эти страницы, состоит из таких элементов:

    Категория (вы можете выбрать любую категорию в магазине, для товаров которой назначены атрибуты) + Бренд (если включен наш плагин брендов — Premmerce WooCommerce Brands) + Атрибут\Атрибуты товаров (можете выбрать любое количество атрибутов и их значений) + Значения Бренда и Атрибута\Атрибутов.

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

    Смартфоны (категория) + Apple (бренд) + 7S (атрибут) + Gold (атрибут) + 64 Gb (атрибут)

    И для этой страницы вы можете прописать полностью уникальные h1, title, meta description и seo-текст.

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

    В админ панели это выглядит так:

    Таким образом, благодаря нашему WooCommerce Product Filter Premium вы сможете с легкостью продвигать низкочастотные запросы, а также увеличить количество посадочных страниц магазина.

    Массовая генерация посадочных страниц

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

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

    Например, в категории телефоны у вас множество брендов и много характеристик в фильтрах.

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

    Это может выглядеть так:

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

    Настройки по умолчанию

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

    Так, мета данные будут формироваться автоматически по заданному вами шаблону, во всех категориях, что значительно упрощает работу с фильтрами .

    Автоматическое добавление страниц в карту сайта

    После проведенной оптимизации фильтров категории важно дать понять поисковым краулерам, что у вас теперь существует куда больше посадочных страниц. Потому, как при ручном так и при автоматическом создании страницы на основе фильтров плагин автоматически добавляет новые страницы в карту сайта, которая в ImageCMS 5.0 генерируется плагином Yoast SEO.

    Важно: данный функционал работает только в паре с плагином Yoast SEO.

    Возможность управлять ссылками

    Плагин WooCommerce Product Filter Premium позволяет настраивать пермалинки, делая URL максимально человеко понятным и кратким.

    По умолчанию ссылка выглядит так:

    site.com/product-category/electronics/headphones/attribute-color-black/attribute-product_brand-jbl/

    Благодаря встроенному менеджеру ссылок вы можете менять:

    • префиксы атрибута (заменить attribute на options-, другие слова и символы или просто убрать attribute)
    • префикс бренда (заменить filter_product_brand например на просто brand- или убрать)
    • сепаратор (если вы формируете страницу где будут, например, 2 цвета — золотой и черный, между ними можно поставить разделитель например “ili” и тогда ссылка часть url-а будет выглядеть как options-color-gold-ili-black)

    Таким образом вы можете кастомизировать url на вашем интернет-магазине в соответствии с вашими потребностями.

    После настройки ссылка выглядит так:

    site.com/product-category/electronics/headphones/brand-jbl/options-color-black-or-gold

    Также, используя плагин WooCommerce Permalink Manager можно максимально сократить длину ссылки удалив / product-category, / catalog и / product. После установки плагина Permalink Manager ссылки стали выглядеть так:

    site.com/headphones/brand-jbl/options-color-black/

    Данные настройки положительно повлияют на продвижение вашего сайта.

    Вывод цветов и лейблов на странице фильтров

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

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

    Демо-версия “Premmerce WooCommerce Product Filter”

    Вы можете посмотреть, как работает плагин в теме SalesZone.

    Также, вы можете создать свой собственный демонстрационный магазин и протестировать этот плагин в сборке ImageCMS, которая содержит все плагины и темы, разработанные нашей командой, здесь: ImageCMS WooCommerce Demo.

    Этот плагин очень хорошо взаимодействует с другими плагинами от Premmerce, такими, как

    • Premmerce WooCommerce Brands
    • Premmerce Search

    Установка”

    Данный плагин вы можете установить с официального каталога плагинов WordPress или скачать и установить вручную с нашего репозитория на GitHub:

    1. Разархивируйте загруженный zip-файл.

    2. Загрузите папку плагина в каталог `wp-content / plugins /` вашего сайта WordPress.

    3. Активируйте `WooCommerce Permalink Manager` со страницы плагинов.

    Виджет Premmerce filter

    Фильтр всех, выбранных в настройках, атрибутов товаров добавляется на страницу магазина с помощью виджета Premmerce Filter. Он выводится, как обычный виджет WordPress, через страницу WIdgets в админ панели:

    или через Customizer:

    Все настройки виджета находятся на странице Premmerce WooCommerce Product Filter.

    Пример отображения фильтра на странице Shop:

    Виджет “Premmerce active filters”

    Виджет всех активных фильтров (атрибутов, цен и брендов). Он выводится, как обычный виджет WordPress, через страницу WIdgets в админ панели:

    или через Customizer:

    Пример отображения виджета на странице Shop:

    Страница управления фильтрами в админ панели

    Здесь вы можете увидеть 3 вкладки:

    • Attributes — настройки элементов фильтра;
    • Settings — общие настройки фильтра;
    • Cache — управления кэшем фильтров.

    Вкладка Attributes

    В этой вкладке вы можете настроить содержание и отображения виджета Premmerce filter.

    Настройка отображения атрибутов в фильтре

    Для того, чтобы скрыть или отображать атрибут в фильтре — кликните по иконке в столбце Visibility.

    Массовая смена статуса атрибута:

    1. активируйте чекбоксы нужных атрибутов;
    2. выберите Display или Hide в селект меню Bulk Action;
    3. кликните на кнопку Apply;
    4. отображается или нет атрибут в фильтре показано в столбце Visibility.

    Важно

    Фильтр автоматически прячет отдельные термы атрибутов или весь атрибут, если они не используются ни в одном товаре.

    Настройка типа поля атрибутов в фильтре

    Для каждого атрибута в фильтре можно выбрать тип поля: Select, Checkbox или Radiobox. Для этого надо выполнить следующие действия:

    1. кликните на селект меню в столбце Field type в строке нужного атрибута;
    2. кликните на нужный тип отображения — изменение сохранится автоматически.

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

    1. отметьте чекбоксы атрибутов, для которых нужно изменить тип отображения;
    2. выберите тип отображения в селект меню Bulk Actions и кликните на Apply.

    Выбор отображения атрибутов в фильтре

    У вас есть на выбор 4 варианта отображения: Default, Dropdown, Scroll или Scroll + DropDown:

    1. кликните на селект меню в столбце Display as в строке нужного атрибута;
    2. кликните на нужный тип отображения — изменение сохранится автоматически.

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

    1. отметьте чекбоксы атрибутов, для которых нужно изменить тип отображения;
    2. выберите нужный тип отображения в селект меню Bulk Actions и кликните на Apply.

    Примеры отображения атрибутов в фильтре

    • Checkbox

    • Radiobox

    • Select

    После нажатия на селект меню:

    • Dropdown

    После нажатия на “+”:

    • Scroll

    • Scroll + Dropdown

    Изменение порядка отображения атрибутов в фильтре

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

    Если вам нужно изменить порядок термов атрибута в фильтре — измените его на странице Configure terms of Attributes, которую можно найти на странице Attributes.

    Вкладка Settings

    На этой вкладке вы можете настроить поведение фильтра.

    Спрятать пустые значения

    Активируйте этот чекбокс, если вы хотите чтобы после фильтрования оставались только термы атрибутов с товарами.

    Фильтр до активации опции:

    и после:

    Показывать фильтр по цене

    Добавляет на начало виджета фильтр по цене:

    Показывать фильтр на страницах

    Активируйте чекбоксы страниц, на которых вы хотите видеть фильтр.

    Вкладка Кэш

    Здесь вы можете очистить и перезаписать кэш.

    Интеграция с Premmerce WooCommerce Brands

    Если у вас установлен плагин Premmerce WooCommerce Brands, то вы сможете добавить бренды товаров в фильтр.

    На странице Premmerce WooCommerce Product Filter появится новая вкладка (tab) — Brands.

    На этой вкладке, так же как во вкладке Attributes, вы сможете выбрать, какие бренды будут отображаться в фильтре, а какие нет, а также определить их порядок отражения в пределах фильтра Brands.

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

    Во вкладке Settings появится возможность отображать фильтр на страницах брендов.

    Premmerce WooCommerce Product Filter Premium

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

    Дополнительный тип поля Color

    Для того, чтобы присвоить цвета значением атрибута, кликните «Setup colors».

    После внесения изменений — кликните Save.

    Вид на странице Shop:

    Дополнительный тип поля Label:

    Вкладка Permalinks

    При включенной опции «Use permalinks», вместо GET параметров, при фильтрации будут формироваться ЧПУ.

    до активации:

    http://test.loc/shop/?filter_secondary-connectivity-type=1fibre-channel-plus&query_type_secondary-connectivity-type=or

    после:

    http://test.loc/shop/attribute-secondary-connectivity-type-1fibre-channel-plus/

    Также на этой странице можно указать префиксы и разделитель для формирования ЧПУ фильтрации.

    Search Engine Optimization

    Вкладки SEO Rules и SEO Settings предназначены для присвоения уникальных метаданных посадочным страницам, создаваемых пользователем при фильтрации товаров на странице категории товаров.

    Цель плагина — продвижение магазина в поисковой выдаче, по узкому запросу, (например: «купить черный телефон Nokia» — где:

    черный — значение условного атрибута «Цвет»;

    телефон — категория товаров;

    Nokia — бренд производителя.

    Результат достигается путем создания отдельной посадочной страницы активных фильтров и присвоения ей уникальных метаданных.

    Вкладка SEO Rules

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

    Добавление нового правила

    1. Выберите категорию.
    2. Выберите таксономию (атрибут или бренд).
    3. Выберите значение таксономии.
    4. Заполните необходимые метаданные (у каждого поля есть кнопки, которые добавляют переменные значение вашего магазина: Category name, Category description, Attributes, Brands, Min price, Max price, Number of products).
    5. Кликните “Add new rule”.

    Генерирование правил

    Кликните «Сгенерировать правила» на вкладке «Правила SEO», чтобы перейти на страницу генерирования правил.

    Выполните следующие действия:

    1. Выберите категории, для которых нужно сгенерировать правила.
    2. Выберите таксономии.
    3. Заполните необходимые метаданные (у каждого поля есть кнопки, которые добавляют переменные значение вашего магазина: Category name, Category description, Attributes, Brands, Min price, Max price, Number of products).
    4. Кликните “Сгенерировать”.

    1. Дождитесь конца генерации правил.

    Особенности генерирования правил

    Если выбрать таксономии в одном поле, то для категорий правила згенерируются по принципу: «категория» — «терм одного атрибута».

     

    Если вам нужны комбинации нескольких значений атрибутов, добавьте дополнительное поле таксономии и выберите атрибут. В этом случае правила будут генерироваться по принципу: «категория» — «терм 1 атрибута» — «терм 2 атрибута».

    То есть будут сгенерированы все возможные варианты комбинаций термов таксономий:

    Yoast SEO XML Sitemap

    Если у вас установлен и активирован плагин Yoast SEO, а также активирована XML-карта сайта, тогда все добавленные или сгенерированные правила (только те, которые указаны на вкладке SEO Rules) автоматически будут добавлены в XML-карты сайта:

    SEO Settings

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

    Активируйте «Использовать настройки seo по умолчанию».

    Добавьте нужные метаданные и сохраните изменения.

Comments (3)
  • Олег:

    Было б здорово бренд присваивать на странице «Все товары» через массовое изменение

    1. Andrew Kruk:

      У нас эта идея записана в список возможных импрувов в последующих обновлениях.

  • Макс:

    Ваш фильтр будет работать на любой теме wordpress?
    Как можно купить сам плагин?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Более 3000 запущенных проектов

Вместе с нами многие уже развивают свой бизнес! Смотреть все отзывы
Перепробовав много CMS (opencart, Битрикс) и др. Мы увидим, как много в каждой из них недостатков. Где-то или очень сложно или очень дорого кастомизировать. Работая маркетологом, могу заверить, что в ImageCMS большинство нужны "фич" реализовано из коробки, без дополнительных надстроек. Посмотрев демо версию новой версии движка, был приятно удивлен скоростью работы (ооочень важно).
За время сотрудничества компания показала себя в качестве ответственного подрядчика, быстро воплотив в жизнь удобный интернет-магазин с учетом всех наших пожеланий.
Работой доволен. Отвечают всегда быстро и по сути, остаются только приятные впечатления от общения. Пара слов о новом движке: Быстро, красиво и интуитивно понятно. Полностью оправдывает вложенные средства. Рекомендую.
Доволен. Скрипт считаю перспективным. Считаю, что ваш коллектив работает на опережение: ваше предложение было оптимальным по цене/качеству.
Опертивная и четкая работа, своевременое предоставление дополнительных консультаций по работе с административной частью. Созданным магазином довольна. Рекомендую этот движок!
Заказать услугу
Персональная информация:

прикрепить файл

Создайте свой личный демо-магазин ImageCMS