Há três jeitos de ter uma calculadora no WordPress, e a escolha entre eles não é questão de gosto: depende de quantas você vai usar e de quem vai mexer no site depois. Esta guia compara os três com o custo real de cada um, incluindo o que eles pesam no carregamento, que é a parte que quase nenhum tutorial menciona.
Resposta rápida
- Uma ou duas calculadoras: bloco de HTML personalizado. Zero plugin.
- Várias, trocando com frequência: plugin oficial do ValorFinal, grátis e sem limite.
- Fórmula própria sua: plugin construtor, que é pago na prática.
- No WordPress.com o bloco de HTML exige plano pago. No .org não há restrição.
Caminho 1: bloco de HTML personalizado
É o caminho nativo e o mais leve. No editor do post, clique no botão de adicionar bloco, digite HTML e escolha o bloco chamado HTML personalizado. Cole o código dentro dele e publique. O bloco tem um botão de pré-visualizar que mostra a calculadora renderizada sem sair do editor, o que evita publicar para descobrir que não funcionou.
A armadilha é colar no bloco errado. No bloco de parágrafo o WordPress escapa os sinais de menor e maior, e a página passa a mostrar o código como texto corrido. Se isso aconteceu, apague o bloco inteiro e crie um de HTML personalizado: editar o de parágrafo não desfaz o escape.
Caminho 2: plugin oficial do ValorFinal
O plugin está publicado no diretório do WordPress.org e instala pelo painel, como qualquer outro. Ele adiciona um bloco próprio, em que você escolhe a calculadora numa lista, e um shortcode para quem usa tema clássico. A vantagem prática é não precisar voltar ao site do ValorFinal toda vez que quiser uma calculadora diferente: a lista inteira aparece dentro do seu painel.
Ele é gratuito, não pede cadastro e não tem cota de exibições. A página de produto do plugin, com o passo a passo de instalação e a lista do que ele traz, é /embed/wordpress. Para cotação e índice que se atualizam sozinhos, o passo a passo específico está em como colocar calculadora e cotação no WordPress.
Caminho 3: plugin construtor de terceiro
É a opção certa quando a conta é sua. Se você precisa de um orçamento com a sua tabela de preço, com campos que só existem no seu negócio, nenhuma calculadora pronta vai servir e um construtor resolve. Os mais conhecidos oferecem uma versão gratuita bastante limitada, com teto de campos ou de fórmulas, e liberam o resto por assinatura.
O que pesa contra é a manutenção. Você passa a ter mais um plugin para atualizar, e plugin desatualizado é a origem mais comum de invasão em WordPress. Além disso, construtores costumam carregar o próprio JavaScript em todas as páginas do site, não só nas que têm calculadora, o que aparece no relatório de desempenho.
| Critério | Bloco de HTML | Plugin oficial | Construtor de terceiro |
|---|---|---|---|
| Custo | Zero | Zero | Assinatura para o que importa |
| Fórmula própria | Não | Não | Sim, é a razão de existir |
| Peso em todas as páginas | Nenhum | Mínimo | Costuma carregar sempre |
| Regra brasileira pronta | Sim, vem do widget | Sim | Não, você digita a tabela |
| Superfície de segurança | Nenhuma | Um plugin a manter | Um plugin a manter |
Copie o código e cole no bloco de HTML
Ajuste o tema para combinar com o do seu WordPress antes de copiar.
Calculadora de salário líquido
Pré-visualização
Código para incorporar
Um detalhe do editor clássico
Quem ainda usa o editor clássico precisa de um cuidado a mais. Troque para a aba Texto antes de colar, cole, e salve sem voltar para a aba Visual. O editor clássico reformata o HTML ao alternar de aba, e nesse processo ele converte os sinais de menor e maior em entidades. O iframe morre e não há sinal de erro: o post salva normalmente e a página fica com um espaço em branco.
Onde continuar
Esta guia faz parte da família de calculadoras para site. A página principal reúne o catálogo inteiro, o passo a passo de instalação em onze plataformas e a comparação com construtor pago e plugin.
- Como colocar calculadora no site: O passo a passo em onze plataformas, com o que fazer quando não aparece.
- Calculadora para blog: Onde colocar dentro do post para o leitor usar e não passar direto.
- Criar calculadora para site: Quando vale montar a sua do zero e quando é desperdício de tempo.
Se o que você quer é dado que se atualiza sozinho (cotação, índice, resultado de loteria, tabela do Brasileirão) e não uma calculadora, o lugar é o catálogo de widgets gratuitos, e a lista comentada está em widgets grátis para site. Para WordPress, o plugin oficial fica em /embed/wordpress.
Fontes e referências
- Documentação do WordPress: bloco de HTML personalizado: o que o bloco aceita e como pré-visualizar sem publicar.
- Suporte do WordPress.com: bloco de HTML: em quais planos o bloco fica disponível na versão hospedada.
- WordPress Developer Resources: API de shortcode: como o shortcode funciona em tema clássico.
- web.dev: Largest Contentful Paint: por que script carregado em toda página aparece no relatório de desempenho.