Calculadora de área para site: grátis e pronta para copiar

Escola, cursinho, loja de piso e revestimento, pintor, marceneiro e blog de reforma. É a calculadora que atende dois públicos completamente diferentes com o mesmo código, o que é raro e vale explorar: o aluno precisa da área do trapézio para a prova, e o pedreiro precisa da área do piso para saber quantas caixas comprar. Loja de material tem um uso comercial direto, e escola tem um uso pedagógico, e nenhum dos dois exige adaptação.

O visitante vê a fórmula aplicada, e não só o número. Para o aluno, isso é o conteúdo: ele precisa reproduzir a fórmula na prova, e ver os valores substituídos ajuda mais que memorizar. Para quem está comprando material, a área é o começo da conta, não o fim, e a página pode continuar: quantas caixas de piso, quantos litros de tinta, quantos metros de rodapé. Para a loja que instalou, essa continuação é o que transforma uma ferramenta escolar numa página de conversão, porque ela termina numa quantidade de produto.

Geometria plana não muda, e seria desonesto sugerir o contrário. As fórmulas de área do retângulo, do triângulo, do trapézio e do círculo estão estáveis desde a Antiguidade, e escrever essa calculadora à mão resolve para sempre. O que a versão pronta acrescenta é cobertura e acabamento: várias figuras num componente só, a fórmula exibida com os valores substituídos, formatação decimal em português e conversão entre unidades, que é onde a conta caseira costuma errar ao misturar centímetro com metro. Para quem usa em contexto de obra, existe uma camada que envelhece e não está na geometria: o rendimento dos materiais. Rendimento de tinta por metro quadrado, número de peças por caixa de piso e percentual de perda mudam por fabricante e por linha de produto, e é isso que precisa de revisão no texto da loja, não a fórmula.

Uma loja de revestimentos publica a calculadora numa página sobre quantas caixas de piso comprar. O cliente informa as dimensões do cômodo, vê a área, e o texto abaixo explica como transformar isso em caixas usando o rendimento impresso na embalagem e a folga de perda para recortes. O cliente chega ao balcão com a quantidade, e a loja passou a errar menos pedido. A mesma página é usada por estudantes, e a loja descobriu isso pelos termos de busca, sem prejuízo nenhum.

No painel acima você escolhe tema claro ou escuro, cor de destaque, largura máxima e se o título aparece. As opções viram parâmetros na URL do iframe, então o código copiado já sai com a sua escolha e não há nada para configurar depois de colar.

O passo a passo por plataforma, com o nome do campo de HTML em cada uma e o que fazer quando o widget não aparece, está em como colocar calculadora no site. Para WordPress, veja calculadora para WordPress.