Pular para o conteúdo
Site institucional ↗ Nossos cases ↗ Receba os artigos novos →

Três customizações do WooCommerce que melhoram a experiência de compra

Por Carlos Farnesi atualizado em 5 min de leitura

Três customizações do WooCommerce que melhoram a experiência de compra

Resposta rápida

Três ajustes resolvem a maior parte das reclamações de usabilidade numa loja WooCommerce. Filtros de produto no catálogo, que permitem restringir por atributo e são resolvidos por plugin dedicado quando a loja tem muitos itens. Preenchimento automático de endereço a partir do CEP no checkout, que reduz o número de campos que o cliente digita e é a alteração com maior efeito sobre a conclusão da compra. E botões de mais e menos ao lado da quantidade, que substituem a digitação e funcionam melhor no celular.

Olá! Tudo beleza?

Neste vídeo, apresento um plugin sensacional para realizar filtros super inteligente e dinâmico para seus produtos cadastrados (Simples ou Variáveis):

Themify – WooCommerce Product Filter: https://wordpress.org/plugins/themify-wc-product-filter/

Um pouco mais sobre o plugin

Fazer compras on-line pode ser muito demorado, especialmente se você tiver que passar por centenas de produtos. Com o Filtro de Produto, você pode ajudar os compradores a encontrar facilmente produtos em sua loja WooCommerce. Este plugin gratuito do WordPress permite que os usuários filtrem facilmente produtos por faixa de preço, categorias, atributos, tags e muito mais. À medida que os usuários selecionam um filtro, eles poderão ver os resultados da pesquisa ao vivo, onde os produtos serão exibidos instantaneamente na página. Além disso, adicionamos a capacidade de criar combinações de filtros! Ao contrário de muitos outros filtros de produtos, onde você só pode selecionar um filtro de cada vez, o Filtro de Produto permite várias seleções que ajudam os compradores a refinar os resultados da pesquisa de produtos.

Tendo você em mente, este poderoso plugin vem com um simples e fácil de usar arrastar e soltar formulário Builder, facilitando a criação de um número ilimitado de formulários de pesquisa. O plugin Filtro de Produto é uma ferramenta indispensável para qualquer site de comércio eletrônico!

A documentação do plugin está disponível em: https://themify.me/docs/wc-product-filter-documentation

CARACTERÍSTICAS:

Resultados da pesquisa ao vivo
Construtor de formulários de arrastar e soltar
Várias combinações de filtros
Layout vertical ou horizontal

Siga a Farnesi Digital no YouTube, Facebook, Instagram !

Montando o filtro, passo a passo#

  1. Instale e ative o plugin Themify – WooCommerce Product Filter pelo painel do WordPress.
  2. Abra o construtor de formulários do plugin e monte o filtro arrastando e soltando os critérios desejados.
  3. Escolha o layout: vertical, para barra lateral, ou horizontal, para o topo da listagem.
  4. Publique o formulário e insira-o na página da loja.

Por quais critérios o cliente pode filtrar#

  • Faixa de preço.
  • Categorias de produto.
  • Atributos, como tamanho e cor.
  • Tags.
  • Combinações de vários filtros ao mesmo tempo.

Os resultados aparecem ao vivo: conforme o cliente marca as opções, a listagem se atualiza sem recarregar a página. É o que diferencia um filtro útil de um formulário que exige clicar em "buscar" a cada ajuste.

Compatibilidade#

O plugin funciona com os construtores Divi, Elementor e Themify Builder. Exige WordPress 5.0 ou superior e PHP 7.2.

Uma limitação relatada#

Há relato de usuários de que o shortcode do filtro não renderiza quando colado num bloco de shortcode ou de HTML personalizado do editor Gutenberg. Se o filtro não aparecer, é o primeiro ponto a verificar — testar a inserção por outro caminho antes de concluir que o plugin não funciona.

Endereço preenchido pelo CEP no checkout#

Oi pessoal, tudo bem? Sabem como preencher endereço automaticamente no WooCommerce?

Um recurso muito útil, e que salva muito tempo de nossos clientes, é preencher automaticamente o endereço com base no CEP do cliente.

Este recurso pode ser adicionado facilmente, mas em muitos casos ainda gera dúvidas. Por isso vou mostrar aqui como é simples de configurá-lo.

Eu utilizei neste vídeo um plugin gratuito que faz somente isso: preenche o endereço no checkout a partir do CEP.

Ele é muito leve e simples. Não depende de banco de dados e é super rápido. Isso porque ele utiliza uma API com um poderoso cache que pode reduzir o tempo de resposta para até 0.1 segundo.

Além disso, ele também não depende do seu banco de dados ou apenas dos Correios. O plugin faz consultas a múltiplos serviços de CEP ao mesmo tempo, retornando sempre o que for mais rápido.

Para instalar, basta ir até o painel do seu site em Plugins: Adicionar novo e buscar por “Autocomplete Address for WooCommerce”. Ative e está pronto.

Ou então baixe-o de graça diretamente neste link: https://wordpress.org/plugins/autocom…​

Mesmo que você esteja usando a tabela de frete offline dos Correios para evitar problemas quando os Correios estão offline, ou mesmo usando frete via transportadora, instale este plugin para melhorar a experiência no seu site.

Nenhuma configuração é necessária. O plugin WooCommerce Correios também possui esse recurso, então não esqueça de desativar esse recurso após instalar este plugin.

Espero ter ajudado! Até mais!

Siga a Farnesi Digital no YouTube, Facebook, Instagram !

Instalação, passo a passo#

  1. No painel do WordPress, vá em Plugins › Adicionar novo.
  2. Busque por "Autocomplete Address for WooCommerce".
  3. Instale e ative.
  4. Pronto: não há tela de configuração. O preenchimento por CEP passa a funcionar no checkout imediatamente.

Se você já usa o plugin dos Correios#

O plugin WooCommerce Correios traz um recurso equivalente de preenchimento por CEP. Manter os dois ativos ao mesmo tempo gera conflito, então desative o recurso no plugin dos Correios depois de instalar este.

Por que ele é rápido#

A consulta não depende do banco de dados do site nem de um único serviço de CEP: o plugin pergunta a vários serviços em paralelo e usa a primeira resposta que chegar, com cache. É o que permite preencher o endereço em frações de segundo e continuar funcionando quando um dos serviços está fora do ar.

Estado do plugin#

Verificado em agosto de 2026: versão 1.4.0, atualizada em junho de 2025, testada até o WordPress 6.8.6, com mais de 8 mil instalações ativas e avaliação de 4,8 de 5.

Botões de mais e menos na quantidade#


Olá pessoal, tudo bem?Se você precisa adicionar o campo de quantidade personalizada às páginas da sua loja de WooCommerce, este vídeo ajudará a fazer esse trabalho facilmente.

O Plugin “Plugin – Qty Increment Buttons for WooCommerce” permite adicionar botões de incremento de quantidade “-” e “+” com aparência profissional ao redor do campo de quantidade do produto nas páginas WooCommerce.

Personalização fácil por meio das configurações do plugin.

Link do Plugin: https://wordpress.org/plugins/qty-increment-buttons-for-woocommerce/


Para mais conteúdos, siga a Farnesi Digital no YouTube, Facebook e Instagram!

Perguntas frequentes

Como adicionar filtros de produto ao WooCommerce?

Com um plugin de filtros como o Themify WooCommerce Product Filter, que adiciona filtragem por faixa de preço, categoria, atributo, tag e combinações entre eles. O formulário é montado por arrastar e soltar, sem código.

O cliente precisa recarregar a página para ver o resultado do filtro?

Não. Os resultados se atualizam ao vivo conforme o cliente marca as opções, o que mantém o ritmo da navegação. O layout pode ser vertical, para barra lateral, ou horizontal, para o topo da listagem.

Coloquei o shortcode e o filtro não aparece. O que verificar?

Há relato de que o shortcode não renderiza quando colocado dentro de um bloco de shortcode ou de HTML do Gutenberg. É o primeiro ponto a checar. Confirme também os requisitos: WordPress 5.0 ou superior e PHP 7.2 ou superior.

Ver este artigo em Markdown

Continue lendo