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.
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á.
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.
2. Adicione um novo filtro
Clique no botão Adicionar filtro para criar filtros em sua loja WooCommerce.
Na próxima página, você verá todas as opções de personalização que pode fazer com o 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 .
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 .
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.