Se você acompanha o CanalWP há algum tempo, sabe que nós amamos o WooCommerce. Como utilizamos essa solução para desenvolver lojas diariamente, percebemos como ela é flexível e objetiva para com aquilo que um e-commerce realmente precisa para funcionar.
Assim, a dica de hoje é sobre filtro para produtos no WooCommerce. De forma nativa, a plataforma traz um filtro padrão que é por preço, mas é claro que dependendo do seu tipo de produto e ramo de negócio, utilizar parâmetros que vão além de “preço” é muito mais interessante.
Filtro para Produtos no WooCommerce
O maior objetivo do CanalWP é facilitar a vida daqueles que utilizam o WordPress. Independente de ser um usuário iniciante ou até mesmo alguém que já desenvolve soluções baseadas nesta plataforma, você sempre vai encontrar alguma dica ou instruções úteis para seu WP.
E com a crescente demanda de lojas virtuais, vemos como é interessante e necessário dispor de material para auxiliar em tarefas complexas ou simples. O WooCommerce é uma das melhores escolhas para quem quer trabalhar com e-commerce e WordPress. Aqui no blog você encontra tudo o que precisa para Instalar e Configurar o WooCommerce, 30 WooCommerce Plugins Interessantes para sua Loja Virtual, dentre muitos outros posts.
Por Que Filtros WooCommerce São Interessantes?
Já abordamos diversos aspectos e ferramentas estratégicas para melhorar o gerenciamento, navegabilidade e exibição de produtos no WooCommerce. Hoje a dica vai para os filtros WooCommerce – eles são altamente eficazes para diminuir o tempo que seu cliente passa buscando por um produto e o melhor de tudo, é ideal para encontrar o produto que se encaixa perfeitamente com ele.
O Plugin
Para quem deseja oferecer aos seus visitantes um filtro que vai além do preço, o plugin WooCommerce Products Filter é a resposta. Ele permite que você adicione ao seu site filtros que funcionam por categorias de produtos, atributos, etiquetas ou tags, taxonomias personalizadas de produtos, etc.
O WooCommerce Products Filter usa a API nativa do WooCommerce e até usa busca de produtos com tecnologia AJAX. Sua compatibilidade com o WPML e com o plugin WooCommerce Currency Switcher, opções simples e fáceis para configuração e até skins pré prontos tornam seu uso muito tranquilo. Esse plugin para filtrar produtos ainda oferece toda a simplicidade e eficiência que a tecnologia de shortcode traz para o WordPress.
O plugin WooCommerce Products Filter exibe filtros para taxonomias que podem ser do tipo radio, checkbox, dropdown, multi-drop-down e para a versão premium, por cor. Se você quiser ver o uso do plugin ao vivo, antes de iniciarmos o passo a passo para instalar e configurar em seu site, basta clicar aqui para ser redirecionado.
Instalação do Plugin
Para começar, você deve escolher a forma como deseja instalar o plugin WooCommerce Products Filter – direto por sua Dashboard ou FTP. Pelo seu Painel WordPress (Dashboard), você como fazer todo o processo de download e instalação (Plugins > Adicionar novo), bem como baixar o plugin por fora e depois instalar.
Para quem prefere realizar o download através da página do plugin e depois instalar via FTP (wp-content > plugins), é necessário não esquecer de ativar o mesmo depois. Siga para a área de plugins instalados (Plugins > Plugins instalados) após fazer o upload do arquivo e clique no link ativar – para o respectivo plugin.
Configuração do WooCommerce Products Filter
Para começar a configuração e utilização do WooCommerce Products Filter visando a flexibilidade para filtrar produtos em seu site, vale lembrar que você precisa ter o WooCommerce previamente instalado para utilizar uma loja virtual WP.
Depois de ter passado pelos passos iniciais de download, instalação e ativação do plugin, vamos seguir para suas configurações. A partir da barra lateral do seu Painel Administrativo WordPress você deve acessar WooCommerce > Configurações. Agora, entre as diversas abas que você enxergará no topo da página, busque e clique naquela com título Products Filter.
Na primeira parte para configuração, de nome Taxonomies, você já pode escolher quais os tipos de controle para utilizar em seus filtros – Radio, Checkbox, Drop-down e Multi drop-down. Clicando no botão “Additional options” você pode personalizar altura e largura para label e bloco do título do filtro. Assim como exibir ou não título e mostrar itens em linhas. Lembre-se: As taxonomias exibidas nessa área serão referentes aquelas existentes ou criadas em seu WordPress.
A segunda área de configuração tem o título Options. Nessa parte você vai configurar detalhes mais técnicos para seus filtros WooCommerce. Escolha se quer exibir “botão para filtrar por preço”, “mostrar contagem de produtos”, “realizar contagem dinâmica”, mostrar checkbox para filtrar apenas “produtos em stock”, etc. O que estiver em letras vermelhas é porque está disponível apenas para a versão Pro do plugin.
Em Miscellaneous é onde temos as opções para a aparência dos seus filtros. Aqui você pode escolher entre as skins que o plugin já traz com ele ou com os que o seu tema disponibiliza. Defina também uma frase ou palavra para aquele momento em que a busca está sendo processada.
Para quem tem conhecimentos mais avançados, em JavaScript e CSS, a área Advanced é especialmente para definir regras e configurações mais específicas. Defina o número padrão de itens para os resultados que serão exibidos, cache, etc.
Exibindo Filtros Personalizados WooCommerce
Agora que você configurou todos os filtros de produtos WooCommerce, vamos para a parte tão esperada: Exibi-los.
Acesse a sua área de widgets (Aparência > Widgets), encontre o widget referente ao plugin WooCommerce Products Filter, clique e arraste para a sidebar em que você deseja exibir tais filtros. Depois é só salvar e acessar seu site para ver como ficou.
Conclusão
Utilizar o plugin WooCommerce Products Filter é excelente para oferecer aos seus visitantes, futuros clientes, uma forma mais dinâmica, fácil e simples de encontrar produtos. Dessa forma, eles ficam mais satisfeitos e a finalização da compra torna-se uma simples consequência.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
Revive Social
WP Rocket
Regenerate Thumbnail
Instalei o filtro de produto e o meso simplesmente não funciona. Já tentei de tudo, revisei configurações, cadastros, exclui todos os cadastros, cadastrei tudo de novo, retrocedi a versão do Woocommerce e do plugin, do WordPress, já troquei de servidor, baixei a plataforma WP tudo do início, já contratei 4 desenvolvedores para fazerem o plugin funcionar e NADA!
Ele simplesmente não funciona
Olá Rogério, Obrigado por deixar seu comentário. Você já tentou desativar todos os plugins e trocar para um tema padrão com suporte para WooCommerce? O problema pode estar no seu tema também. Tenta dar uma olhada nos videos tutorias dos desenvolvedores do plugin, pode ser que eles tenham atualizado o plugin ou precise realizar alguma configuração adicional dá uma olhada => http://www.woocommerce-filter.com/video-tutorials/ Se nada disso funcionar, você pode tentar entrar em contato com os desenvolvedores do plugin e solicitar ajuda no fórum do WordPress.org. (eles sempre estão dispostos a ajudar quando o plugin é bem conhecido) Espero ter ajudado, se… Continue Lendo »
Ola procurei em toda a internet uma duvida e não tive resposta !
Gostaria de saber como eu faço para criar uma segunda pagina de produtos no WooCommerce.
EX: pagina que o WooCommerce ja instala a pagina loja, gostaria de fazer mais uma, quero colocar uma pagina para blusa feminina – acessórios – blusa masculina e por ai vai, já criei pagina normal só que não consigo adicionar um produto nela, só consigo adicionar na pagina loja um novo produto.
Como eu faço para resolver esse problema, alguém ai pode me ajudar
Bom dia, você pode fazer uma página personalizada de acordo com a interação de seu tema como o woocommerce.
Ou pode criar as categorias específicas e usar o link como página, no woocommerce pode colocar imagens nas categorias e usar como banner de topo.
Grande abraço!
olá muito bacana o site comecei a acompanhar e estou gostando das dicas… eu gostaria de saber se é possível na página de produtos listar um produto por linha e a descrição e as outras informações ficarem ao lado ao invés de embaixo… bem parecido com o layout da página de detalhes do produto… você poderia me orientar como fazer isso?
Olá Anderson,
Você poderia fazer isso, mas seria necessário algum conhecimento em programação.
Essas modificações também vão variar de tema para tema e não existe uma solução única.
Eu recomendo que você tente encontrar um tema que tenha esse design que você deseja, ao invés de tentar modificar o código do tema original.
Abraço.