O que é o widget de calculadora
Um widget de calculadora é uma versão pequena e autônoma de uma calculadora completa da Calculate.Studio que roda dentro da sua própria página. Tecnicamente, é um iframe — um elemento HTML que incorpora uma página dentro de outra — apontando para uma versão leve de incorporação da calculadora, mais um parágrafo de crédito de uma linha logo abaixo. O iframe é um elemento HTML padrão suportado por todos os navegadores modernos, então não há nada para instalar e nada que possa entrar em conflito com o código do seu site.
O widget é a mesma calculadora que roda na Calculate.Studio: as mesmas fórmulas testadas, os mesmos resultados instantâneos no navegador do usuário e, para ferramentas de saúde e finanças, o mesmo aviso legal. Seus visitantes digitam os números e veem os resultados imediatamente, sem sair da sua página. Como o cálculo acontece no navegador do visitante, e não em um servidor, o widget continua rápido mesmo sob tráfego intenso, e nenhum dado do visitante é enviado a lugar nenhum.
Todas as 210 calculadoras do site podem ser incorporadas. A galeria em calculate.studio/en/widgets destaca as mais solicitadas — IMC, financiamento, empréstimo, porcentagem, juros compostos, idade, calorias e GPA (média acadêmica), entre outras — e cada página de calculadora individual tem um botão Incorporar ao lado dos botões de compartilhamento que revela o snippet daquela ferramenta específica.
Como instalar — o método geral
A instalação é um simples copiar e colar. O snippet contém duas partes: o iframe que exibe a calculadora e um pequeno parágrafo de crédito com links para a calculadora completa e para a Calculate.Studio. Manter essa linha de crédito intacta é a única condição do uso gratuito — é isso que mantém o programa grátis para todo mundo.
- Abra calculate.studio/en/widgets ou abra qualquer página de calculadora e clique no botão </> Incorporar.
- Clique em Copiar código. O snippet é copiado para a área de transferência.
- No editor do seu site, mude para a visualização em HTML (às vezes chamada de «código» ou «fonte») da página onde você quer a calculadora.
- Cole o snippet onde a calculadora deve aparecer e, em seguida, salve e publique.
- Visualize a página. A calculadora deve carregar e calcular imediatamente — teste uma vez com números de exemplo.
Instruções específicas por plataforma
A maioria dos criadores de sites aceita HTML bruto por meio de um bloco ou elemento dedicado, então o mesmo snippet funciona em qualquer lugar. Os nomes variam conforme a plataforma:
| Plataforma | Onde colar o snippet |
|---|---|
| WordPress (editor de blocos) | Adicione um bloco «HTML personalizado» e cole o snippet nele. |
| WordPress (editor clássico) | Mude a aba do editor de «Visual» para «Texto» e cole. |
| Wix | Adicione um elemento «Incorporar HTML» (Adicionar → Incorporar código → Incorporar HTML) e cole. |
| Squarespace | Adicione um bloco «Código» à seção da página e cole. |
| Shopify | No editor de página ou post do blog, clique no botão <> (Mostrar HTML) e cole. |
| Webflow | Adicione um componente «Incorporar» e cole. |
| Site em HTML puro | Cole o snippet diretamente no HTML da página onde a calculadora deve aparecer. |
Tamanho, estilo e performance
O snippet vem com um padrão sensato: largura total (width="100%"), uma altura fixa ajustada ao número de campos daquela calculadora e uma borda leve e arredondada. Você pode alterar o valor da altura se o seu tema precisar de um quadro mais alto ou mais baixo, e pode editar ou remover o estilo da borda para combinar com o seu design. A largura é responsiva por padrão, então o widget funciona em celulares sem nenhum trabalho extra.
O iframe inclui loading="lazy", um atributo padrão do navegador que adia o carregamento do widget até o visitante rolar a página até perto dele. Isso significa que incorporar uma calculadora não acrescenta praticamente nada ao tempo de carregamento inicial da sua página — o navegador só busca o widget quando ele está prestes a ficar visível.
As próprias páginas de incorporação são marcadas como noindex, com um link canônico para a página completa da calculadora, seguindo as orientações do Google para conteúdo incorporado e duplicado. Por isso, incorporar um widget não pode criar problemas de conteúdo duplicado nem para o seu site, nem para o nosso.
A única regra: mantenha o link de crédito
O programa de widgets é gratuito e sem cadastro por causa de uma única condição: o pequeno parágrafo de crédito abaixo do iframe — a linha que diz «[Calculator name] by Calculate.Studio» — precisa permanecer no lugar. É um texto de 12 pixels que fica discretamente abaixo do widget e não compete com o seu conteúdo.
Você é livre para redimensionar o iframe, alterar o estilo da borda e colocar o widget em qualquer lugar do seu site, incluindo sites comerciais, blogs e projetos de clientes. Se precisar de uma calculadora que não está na galeria em destaque, toda página de calculadora do site tem seu próprio botão Incorporar, então todas as 210 ferramentas estão disponíveis.
Quais calculadoras funcionam melhor como widgets?
O melhor widget para o seu site é aquele que, sem ele, faria seus leitores saírem da sua página para encontrar em outro lugar. Blogs de fitness e bem-estar costumam incorporar as calculadoras de IMC, calorias ou TDEE (gasto calórico total). Sites de imóveis e finanças pessoais incorporam as calculadoras de financiamento, empréstimo e juros compostos. Sites de estudantes e educação incorporam as calculadoras de GPA e porcentagem, e blogs de interesse geral costumam adicionar a calculadora de idade a posts perenes.
Como cada widget mostra uma versão compacta da calculadora com um link para a versão completa — que inclui tabelas de interpretação, exemplos resolvidos e fontes — seus leitores obtêm uma resposta imediata na sua página e um caminho para um contexto mais aprofundado quando quiserem.
Perguntas frequentes
O widget de calculadora é realmente grátis?
Sim. Não há cadastro, chave de API, limite de uso nem custo. A única condição é que a pequena linha de crédito abaixo do widget, com link para a Calculate.Studio, permaneça no lugar.
O widget vai deixar meu site lento?
Não. O iframe usa o carregamento lento (lazy loading) nativo do navegador, então só é buscado quando um visitante rola a página até perto dele, e o cálculo roda inteiramente no navegador do visitante. Isso não acrescenta praticamente nada ao carregamento inicial da sua página.
Posso incorporar uma calculadora em um site comercial ou de cliente?
Sim. Os widgets podem ser usados em sites comerciais, blogs e projetos de clientes sem custo, desde que o link de crédito abaixo do widget permaneça intacto.
Posso alterar o tamanho ou a borda do widget?
Sim. Você pode editar a altura e o estilo da borda do iframe para combinar com o seu site. A largura já é responsiva (100%), então ela se adapta automaticamente a celulares e colunas estreitas.
Incorporar o widget causa problemas de conteúdo duplicado para o SEO?
Não. As páginas de incorporação são marcadas como noindex, com um link canônico apontando para a página completa da calculadora, seguindo as orientações documentadas do Google, então os mecanismos de busca não tratam o widget como conteúdo duplicado no seu site.
Referências
- MDN Web Docs — <iframe>: The Inline Frame element. Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
- MDN Web Docs — Lazy loading (loading attribute). Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading
- Google Search Central — Consolidate duplicate URLs with canonicals. Google. https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
- Google Search Central — Block search indexing with noindex. Google. https://developers.google.com/search/docs/crawling-indexing/block-indexing
- WHATWG HTML Living Standard — The iframe element. https://html.spec.whatwg.org/multipage/iframe-embed-object.html