Como conectar a calculadora uCalc a um site no Turbosite

uCalc é um construtor russo de calculadoras online e formulários para sites. Líder de mercado, é utilizado para calcular o custo de serviços (reparos, entrega, catering, etc.) e coletar leads. A versão básica é gratuita, e as funções avançadas estão disponíveis nos planos pagos. É compatível com qualquer site onde seja possível inserir HTML. A instalação leva de 10 a 15 minutos.

O que será necessário

• Uma conta no uCalc — registro gratuito em ucalc.pro
• Um site publicado no Turbosite
• 10–15 minutos (além do tempo para criar a própria calculadora)

Passo 1. Criar uma calculadora no uCalc

1. Registre-se em ucalc.pro e acesse sua conta pessoal.
2. Clique em «Criar» → escolha um modelo de acordo com o seu setor (reparos, entrega, educação, etc.) ou comece do zero.
3. No editor visual:
   • Adicione campos: caixas de seleção, listas suspensas, campos de entrada, imagens.
   • Configure as fórmulas de cálculo (se a calculadora precisar calcular um valor).
   • Adicione um formulário de contato: nome, telefone, e-mail.
   • Configure a proteção antispam (mecanismo integrado ou reCAPTCHA).
4. Ajuste o design: cores, fontes, plano de fundo.
5. Na aba «Notificações», especifique o e-mail ou a integração com CRM para onde os leads devem ser enviados.
6. Salve o projeto.

📷 Captura de tela: editor visual do uCalc com uma calculadora configurada.

Passo 2. Obter o código para o site

1. No painel superior do editor, clique em «Obter código» (ou na aba «Instalação no site»).
2. Escolha o formato:
   • Código JavaScript — recomendado, carrega de forma mais leve e rápida.
   • iframe — inserção simples como um bloco.
3. Copie o código gerado na íntegra.

📷 Captura de tela: janela com o código para inserção no site.

Passo 3. Inserir o código no Turbosite

A calculadora aparece em um local específico da página, portanto, o código é inserido no corpo da página.

1. Abra seu site no Turbosite.
2. Adicione um bloco «Código HTML» no local desejado da página (geralmente uma seção com a descrição do serviço ou um bloco separado de «Calcular custo»).
3. Cole o código copiado do uCalc.
4. Salve as alterações.
5. Publique o site.

📷 [captura de tela do Turbosite — será adicionada: bloco de código HTML no corpo da página com a calculadora uCalc].

Passo 4. Verificar se a calculadora está funcionando

1. Abra o site publicado.
2. Role até a calculadora — ela deve carregar e ser interativa.
3. Preencha os campos e verifique se o valor total é calculado corretamente.
4. Envie um lead de teste.
5. Verifique se o lead chegou ao e-mail ou ao CRM (se a integração estiver configurada).

Perguntas frequentes

A calculadora não aparece. Verifique se o código está completo, se o site foi publicado e se não há bloqueadores. Se estiver usando o código JavaScript, ele deve carregar completamente e não deve haver erros no console do navegador.

É possível estilizar de acordo com o meu site? Sim, no editor do uCalc você pode ajustar cores, fontes, plano de fundo e espaçamentos. Se precisar de uma estilização mais detalhada, o CSS personalizado está disponível nos planos pagos.

Para onde vão os leads? Por padrão, para o e-mail que você especificou. É possível configurar o envio para um CRM (amoCRM, Bitrix24, AirCRM) ou via Zapier — para qualquer lugar. Isso é configurado na conta pessoal do uCalc sem editar o código do site.

A calculadora deixa o site lento? A versão JavaScript carrega de forma assíncrona e quase não afeta a velocidade. O iframe pode ser um pouco mais lento. Para uma página grande com vários widgets, use a variante JS.

Quanto custa? A versão básica com uma calculadora é gratuita. Os planos pagos são para funções adicionais (vários projetos, análises, integrações, CSS personalizado). Os preços estão na página de planos.

O que ver a seguir

• Base de conhecimento uCalc — artigos e instruções
• Conta pessoal uCalc — criação e edição de calculadoras
• Modelos de calculadoras — soluções prontas por setor