Checkout Personalizado no WooCommerce: Otimize e Converta Mais

O checkout personalizado no WooCommerce é o fator que mais impacta a taxa de conversão de uma loja virtual. Depois de configurar mais de 300 lojas WooCommerce aqui na Weboption, a conclusão é sempre a mesma: o checkout padrão do WooCommerce converte mal porque foi pensado para o mercado internacional, não para o Brasil.

Campos desnecessários, ausência de PIX como método padrão, endereço preenchido na mão. Cada fricção elimina compradores. Neste post você vai ver como resolver isso de forma prática, com as ferramentas certas e sem gambiarras.

Como Personalizar os Campos do Checkout no WooCommerce

Campos de checkout são configuráveis via filtros PHP ou plugins dedicados. A abordagem certa depende do nível de customização necessário.

O WooCommerce expõe os campos de checkout pelo filtro woocommerce_checkout_fields. Com ele você adiciona, remove ou reordena campos sem tocar no core. Um campo de CPF, por exemplo, é adicionado com 10 linhas de PHP no functions.php do tema filho ou num plugin customizado. O campo aparece no painel do pedido e pode ser exibido no e-mail de confirmação.

Para quem prefere uma interface visual, o plugin Checkout Field Editor for WooCommerce (gratuito na versão básica, plano Pro em torno de R$ 180/ano) resolve sem código. Ele permite arrastar campos, definir obrigatoriedade e adicionar validações.

O que remover? Estado civil, empresa e telefone secundário somem sem consequência na maioria das lojas. Cada campo a menos é um campo que não precisa ser preenchido. Um estudo da Baymard Institute aponta que formulários longos são responsáveis por 18% dos abandonos de checkout.

One-Page Checkout: Vale a Pena Implementar?

One-page checkout concentra carrinho, dados do comprador e pagamento em uma única tela. Sim, vale a pena, especialmente para lojas com produtos simples ou recorrência baixa.

O plugin WooCommerce One Page Checkout (desenvolvido pela Automattic, gratuito) cria um shortcode que você embute em qualquer página. O comprador escolhe o produto, preenche os dados e paga sem navegar entre etapas. Em testes que fizemos com clientes de nicho físico (suplementos, vestuário), a redução no abandono ficou entre 12% e 22% após a implementação.

Atenção: one-page checkout funciona mal com pedidos que envolvem muitas variações de produto ou checkout com múltiplos endereços de entrega. Nesses casos, um checkout em etapas com barra de progresso converte melhor. O plugin FunnelKit (antes CartFlows), a partir de R$ 350/ano, resolve tanto o one-page quanto os fluxos em etapas.

Otimizações Específicas para o Mercado Brasileiro

Checkout otimizado para o Brasil exige três adaptações que o WooCommerce padrão não faz: CPF obrigatório, máscara de telefone com DDD e validação de CEP com preenchimento automático de endereço.

O CPF é necessário para emissão de nota fiscal e para integrações com antifraude. Plugins de NF-e como o Nota Fiscal para WooCommerce (WC Estoque, R$ 29/mês) já adicionam o campo e fazem a validação do dígito verificador automaticamente.

A máscara de telefone evita que o comprador envie números sem DDD ou com formatação errada. Isso reduz problemas na integração com ferramentas de CRM e no envio de SMS de rastreio. Você implementa com JavaScript puro ou com a biblioteca Cleave.js, que pesa menos de 10 KB.

A validação de CEP via API é o item com maior impacto na experiência. O ViaCEP é gratuito, estável e retorna logradouro, bairro, cidade e estado em JSON. Com uma chamada fetch no evento blur do campo de CEP, o formulário se preenche sozinho. Reduz erros de digitação e acelera o checkout em pelo menos 30 segundos para a maioria dos usuários.

PIX como Método Padrão de Pagamento

PIX deve ser o primeiro método exibido no checkout de qualquer loja brasileira. Dados do Banco Central de 2024 mostram que o PIX já representa mais de 45% das transações de e-commerce no Brasil, superando cartão de crédito em volume de operações.

A configuração é simples: nos gateways de pagamento do WooCommerce (WooCommerce, Configurações, Pagamentos), arraste o PIX para o topo da lista. O gateway que você usa determina a qualidade da integração. Mercado Pago e PagSeguro oferecem QR Code dinâmico com expiração configurável diretamente no checkout, sem custo de setup. O Pagar.me (taxas a partir de 2,49% no crédito, PIX com tarifa fixa de R$ 0,40) oferece a melhor experiência visual para checkout com PIX.

Um detalhe que faz diferença: configure o tempo de expiração do QR Code para no mínimo 30 minutos. QR Codes que expiram em 5 minutos geram suporte desnecessário e pedidos abandonados.

Order Bump e Upsell no Checkout

Order bump é a oferta exibida dentro do próprio checkout, antes do botão de finalizar. Upsell aparece depois, na página de agradecimento. Os dois juntos aumentam o ticket médio sem adicionar novos visitantes.

Order bumps bem configurados convertem entre 15% e 35% dependendo do nicho. A regra de ouro é que o produto ofertado precisa custar no máximo 30% do valor do pedido principal e ser complementar, não concorrente. Exemplo: uma loja que vende cursos online oferece no bump um e-book de R$ 47 para quem compra o curso de R$ 297.

O FunnelKit Funnel Builder resolve os dois cenários. Na versão gratuita você cria order bumps básicos. O plano Starter (R$ 280/ano aproximadamente) libera upsells com um clique na página de obrigado, sem necessidade de o comprador preencher dados de pagamento novamente, pois o pedido já está processado.

Alternativa mais acessível: o plugin WooCommerce One Click Upsell Funnel (R$ 150/ano) faz upsells pós-checkout com qualidade similar ao FunnelKit para lojas menores.

O Erro Que Vemos Com Mais Frequência

O erro mais comum em checkouts WooCommerce é instalar múltiplos plugins de checkout ao mesmo tempo. Um cliente chegou até nós com FunnelKit, Checkout Field Editor, WooCommerce Checkout Manager e mais dois plugins de one-page ativos simultaneamente. O resultado: campos duplicados, JavaScript em conflito e checkout quebrando no mobile.

A regra é clara: escolha uma solução principal e complemente com código quando necessário. FunnelKit ou CartFlows como solução principal de funil, ViaCEP via JavaScript nativo para CEP, e filtros PHP para campos obrigatórios como CPF. Três camadas, sem sobreposição.

Outro erro frequente é não testar o checkout em conexões 3G. A maioria dos compradores brasileiros usa o celular numa conexão ruim. Um checkout que carrega em 8 segundos no 3G perde vendas. Use o PageSpeed Insights com throttling de rede habilitado antes de qualquer deploy.

Perguntas Frequentes

É possível remover campos obrigatórios do checkout WooCommerce sem plugin?

Sim. O filtro woocommerce_checkout_fields no PHP permite remover qualquer campo, incluindo os marcados como required. Basta fazer unset do campo no array retornado pelo filtro. Não é necessário nenhum plugin para isso.

Qual plugin de checkout personalizado WooCommerce é melhor para lojas pequenas?

Para lojas com até 100 pedidos/mês, o Checkout Field Editor gratuito resolve bem. Se você quiser order bumps e upsells, o FunnelKit Starter por R$ 280/ano é a melhor relação custo-benefício disponível hoje.

Como configurar o preenchimento automático de endereço por CEP no WooCommerce?

A forma mais limpa é via JavaScript puro consumindo a API do ViaCEP. Você adiciona um event listener no campo de CEP e, ao perder o foco, faz uma requisição fetch para https://viacep.com.br/ws/{cep}/json/ e popula os campos de endereço com o retorno. Nenhum plugin é necessário.

PIX no checkout WooCommerce precisa de plugin pago?

Não necessariamente. Mercado Pago e PagSeguro têm plugins gratuitos no repositório do WordPress com suporte a PIX e QR Code dinâmico. Gateways pagos como Pagar.me oferecem mais controle sobre a experiência visual e taxas mais competitivas em volume alto.

Order bump prejudica a conversão do pedido principal?

Quando mal configurado, sim. Ofertas com preço alto demais ou produtos sem relação com o pedido principal distraem e reduzem conversão. Mantenha o bump abaixo de 30% do valor do pedido e com texto de aceite simples, como um checkbox, sem abrir nova página.