Como adicionar filtros de produto WooCommerce AJAX (2023)

Atualizado em 22 de noviembre de 2023

Atualizar o site sempre que os clientes atualizam seu filtro é muito chato e pode levar ao abandono do carrinho. Isso pode afetar negativamente o seu negócio online.

Para otimizar a experiência, você pode usar uma técnica chamada AJAX . AJAX é uma prática comum usada por desenvolvedores da web para carregar os dados necessários sem causar carregamentos ou atualizações adicionais de páginas.

Isso pode ajudá-lo a melhorar as conversões porque o cliente não se sentirá irritado com cada carregamento adicional de página.

Para fazer isso, usaremos o plugin Advanced AJAX Product Filters para realizar esta tarefa. É um dos melhores plug-ins que você pode obter para adicionar filtros de produtos WooCommerce AJAX à sua loja.

1. Instale os plug-ins

A primeira coisa que você precisa fazer é instalar e ativar o plugin Filtros avançados de produtos AJAX na instalação do WooCommerce.

Para fazer isso, você deve ir para Plug-ins > Adicionar novo . Depois disso, você pode procurar o plugin, instalá-lo e ativá-lo.

Instale o plugin Advanced AJAX Product Filters

Após a ativação, você pode ver as configurações do plugin no lado esquerdo do painel do WordPress. Ir para a opção Filtros de produto lá.

Defina suas preferências para o plugin

Esta é a área de configurações gerais do plugin. A partir daí você pode modificar os valores e tudo mais. Por exemplo, escolha a opção Filtros, conforme mostrado abaixo, se precisar criar um novo filtro.

Configurações de filtro

2. Adicione um novo filtro

Clique no botão Adicionar filtro para criar filtros em sua loja WooCommerce.

Adicionar novo filtro

Na próxima página, você verá todas as opções de personalização que pode fazer com o filtro.

Criar novo filtro

Salve o filtro depois de modificar tudo e você estará pronto para começar.

A partir de agora, você pode ver todos os filtros em BeRocket > Filtros .

Todos os filtros de produtos

Você pode criar quantos filtros precisar ou modificar os existentes. Semelhante a isso, você também pode criar um grupo de filtros. Portanto, quando você precisar atribuir vários filtros a um grupo, esse recurso pode ser útil.

3. Mostrar filtro AJAX

A próxima etapa é exibir o filtro em sua interface. Para fazer isso, você pode usar códigos de acesso ou o widget dedicado que acompanha o plugin. O widget é a opção mais fácil que você pode usar. Tudo que você precisa fazer é ir para a seção de widgets e usar o widget Filtro AAPF .

Adicione widgets à barra lateral

Você pode modificar os filtros e grupos de filtros de acordo com suas preferências. Como resultado, a opção de filtragem AJAX estará presente na interface da sua loja WooCommerce.

Dessa forma, você pode usar o plugin Advanced AJAX Product Filters para adicionar uma opção de filtragem à instalação do WooComemrce.

No entanto, você pode conseguir muito mais com este plugin. Se você estiver interessado, confira nosso artigo dedicado a Como adicionar filtros de produtos WooCommerce AJAX.

Scroll al inicio