Passar para o conteúdo principal

Como Adicionar Calculadora de Frete na Página do Produto no WooCommerce

Aprenda a adicionar uma calculadora de frete na página do produto no WooCommerce usando um plugin externo. Essa solução é ideal para lojas que usam Correios e querem mostrar prazo e valor antes do cliente ir ao carrinho, melhorando a experiência.

🧭 Quando usar

  • Ao usar WooCommerce + Correios

  • Quando o tema não exibe cálculo de frete na página do produto

  • Para reduzir dúvidas sobre prazo e valor de entrega

  • Para aumentar conversão antes do checkout

✅ Pré-requisitos

  • WordPress instalado

  • WooCommerce ativo

  • Métodos de entrega configurados (Correios, Melhor Envio etc.)

  • Acesso de administrador ao painel WordPress

🛠️ Passo a passo

Passo 1 – Baixar o plugin de calculadora de frete

  1. O plugin usado no vídeo se chama
    ​WooCommerce Shipping Calculator in Product.

  2. Ele não está disponível no repositório oficial do WordPress.

  3. Acesse o site do plugin e faça o download do arquivo .zip.

Passo 2 – Instalar o plugin manualmente

  1. No WordPress, vá em Plugins » Adicionar novo.

  2. Clique em Enviar plugin.

  3. Selecione o arquivo .zip baixado.

  4. Clique em Escolher ficheiro e depois Instalar agora.

  5. Após instalar, clique em Ativar plugin.
    ​

📌 A única diferença aqui é que o plugin é enviado por arquivo, não buscado na loja de plugins.

Passo 3 – Acessar as configurações do plugin

  1. No painel WordPress, vá em WooCommerce » Configurações.

  2. Clique na aba Produtos.

  3. Procure por Calculadora de frete na página do produto.

  4. Clique para abrir as configurações.
    ​

Passo 4 – Configurar a calculadora de frete

Dentro das configurações, ajuste:

  1. Título da calculadora

    • Exemplo: Calcule o frete e prazo estimado

  2. Placeholder do campo CEP

    • Exemplo: Digite seu CEP

  3. Mensagem de observação

    • Exemplo:

      Os valores exibidos são estimativas. O valor final será calculado no carrinho.

  4. Cor do botão

    • Escolha apenas a cor do botão (o restante segue o padrão do tema).

  5. Clique em Salvar alterações.


    ​

Passo 5 – Definir posição da calculadora

  1. O plugin já exibe a calculadora automaticamente na página do produto.

  2. Caso nenhuma posição padrão agrade, o plugin fornece um shortcode.

  3. Copie o shortcode e cole:

    • Na descrição do produto

    • Em um bloco HTML

    • Ou em um construtor visual
      ​

Passo 6 – Testar a calculadora no produto

  1. Abra qualquer produto da loja.

  2. A calculadora aparecerá logo abaixo das informações do produto.

  3. Digite um CEP válido.

  4. Clique em Calcular.

  5. O sistema mostrará:

    • Valor do frete

    • Prazo estimado

  6. Se o cliente não souber o CEP, há um link direto para consulta no site dos Correios.
    ​

📌 Se não houver método de entrega configurado, a calculadora aparece, mas exibirá aviso de indisponibilidade — isso é normal.

🧩 Exemplos práticos

  • Exemplo 1: Produto JBL com calculadora exibindo prazo antes do carrinho.

  • Exemplo 2: Loja reduz perguntas sobre frete no WhatsApp.

  • Exemplo 3: Cliente calcula o frete sem sair da página do produto.

🧪 Solução de problemas

  • Erro/Sintoma: Calculadora não aparece.
    ​Causa provável: Plugin não ativado.
    ​Como resolver: Ativar o plugin e limpar cache.

  • Erro/Sintoma: Mostra “nenhuma entrega disponível”.
    ​Causa provável: Métodos de entrega não configurados.
    ​Como resolver: Configurar Correios ou outro plugin de frete no WooCommerce.

  • Erro/Sintoma: Calculadora aparece no lugar errado.
    ​Causa provável: Limitação do tema.
    ​Como resolver: Usar o shortcode e posicionar manualmente.

🔎 Referências e links úteis

🗂️ Metadados

  • Categoria: Frete e Logística

  • Subcategoria: WooCommerce – Frete

  • Tags: woocommerce, frete, calculadora de frete, correios, página do produto

  • Nível: intermediário

  • Atualizado em: 2026-01-22

Artigos relacionados
Respondeu à sua pergunta?