Calculadoras para o seu site

A oferta, sem letra miúda

Um blog de nutrição que explica IMC pode deixar a calculadora de IMC ali na própria página. Um escritório de contabilidade pode colocar a calculadora de salário líquido na área do cliente. Uma loja pode usar a de margem de lucro numa página de ajuda. Em todos esses casos o visitante resolve a conta sem sair do seu site.

• Gratuito e sem cadastro. Não há chave de API, conta, plano pago nem limite de visitas.
• Sem anúncios dentro do quadro. A página incorporada não carrega publicidade; ela tem só a calculadora e o crédito.
• Funciona em qualquer site. WordPress, Wix, Squarespace, Blogger, Webflow, Shopify ou HTML puro — é um <iframe> comum.
• Responsivo. O quadro ocupa 100% da largura disponível, até 760 px, e a calculadora se reorganiza em uma coluna no celular.
• Em português do Brasil, com unidades métricas, valores em reais e referências brasileiras.
• A única condição: mantenha o parágrafo de crédito que vem junto com o código, com o link para a calculadora completa.

Esse link é o que paga a conta. Ele é um link normal, sem nofollow imposto por nós. Se preferir, mude o texto do parágrafo ou o estilo dele — só não remova o link.

Como colar no seu site

WordPress

No editor de blocos, clique no +, procure o bloco HTML personalizado e cole o código dentro dele. Use a aba Visualizar do próprio bloco para conferir antes de publicar. No editor clássico, troque para a aba Texto (não Visual) antes de colar, senão o WordPress escapa as tags. Em instalações do WordPress.com no plano gratuito o bloco de HTML não existe: é preciso um plano que permita HTML personalizado.

Wix

No editor, use Adicionar › Incorporar › Incorporar um código HTML, escolha a opção Código e cole o snippet. O Wix coloca o conteúdo dentro de um elemento de tamanho fixo, então arraste as bordas até que a calculadora inteira apareça sem barra de rolagem — em geral entre 700 e 900 px de altura. O mesmo caminho vale para Squarespace (bloco Code) e Webflow (elemento Embed).

HTML puro

Cole as duas linhas onde a calculadora deve aparecer, dentro do <body>. Não é preciso carregar script nenhum: o <iframe> já traz tudo. O atributo loading="lazy" faz o navegador só baixar a calculadora quando ela chega perto da tela, então o quadro não atrasa o carregamento do resto da página.

O que o código faz — e o que não faz

Vale ser claro sobre o que entra no seu site, porque incorporar conteúdo de terceiros merece desconfiança.

É um iframe, não um script. Nada de nosso roda no contexto da sua página: o conteúdo fica isolado dentro do quadro, não lê nem altera o seu HTML, não acessa os seus cookies e não consegue interferir no seu layout além do espaço que você reservou.

O cálculo acontece no navegador de quem visita. Não há servidor processando contas: o que a pessoa digita não é enviado a lugar nenhum e não é guardado, nem por nós nem por você.

Não há publicidade dentro do quadro. As páginas de incorporação são geradas sem nenhum código de anúncio. Elas também enviam X-Robots-Tag: noindex, ou seja, não disputam posição no Google com a sua página: quem indexa o conteúdo é o seu site.

A altura é sua decisão. O código vem com 700 px, que serve para quase todas as calculadoras. Se sobrar espaço em branco ou faltar um pedaço, troque o número e pronto. Quem quiser automatizar pode: a página dentro do quadro anuncia a própria altura para a página de fora com postMessage, numa mensagem { type: "brisktoolbox:height", height, tool }. Escutar isso é opcional:

window.addEventListener("message", function (e) {
  if (e.data && e.data.type === "brisktoolbox:height") {
    document.querySelector("iframe[src*='brisktoolbox']").height = e.data.height;
  }
});

O que não prometemos: não há SLA nem aviso prévio de mudanças. As calculadoras são corrigidas quando as regras mudam — a de salário líquido acompanha as faixas de INSS e IRRF do ano — e a versão incorporada sempre reflete a atual. Se uma página sair do ar, o endereço redireciona para a calculadora equivalente.