Calculadora de energia solar para o seu site

O jeito rápido

A sua página de captação dentro do site

Em Sua página, no painel, copie o código de “Embutir no seu site” e cole onde a calculadora deve aparecer. Ela entra com a sua marca, recebe a foto da conta de luz, o valor da conta ou o consumo em kWh, mostra a economia na hora e grava o contato com consentimento. No plano Grátis, a página vale o teste da máquina, 14 dias ou 20 orçamentos automáticos, o que vier primeiro; no plano Máquina, não tem limite.

<iframe src="https://app.ionluz.com.br/o/sua-empresa?embed=1" width="100%" height="1000" style="border:0;border-radius:12px"></iframe>

O ?embed=1 tira as margens de fora da página, que somariam com as do seu site. Veja num site de exemplo.

O jeito sob medida

A sua calculadora pela API, em três peças

O formulário e o script da página

Cole no seu site e troque o endereço da rota pelo seu. Pedido fora do seu raio ou em faixa marcada “não atendo” volta com o motivo, e a página pede o contato.

<!-- Calculadora no seu site. A chave nunca vai ao navegador:
     o formulário chama o SEU servidor, e o seu servidor chama o ionluz. -->
<form id="calc">
  <input name="consumo" type="number" placeholder="Consumo mensal (kWh)" required>
  <input name="cidade" placeholder="Cidade">
  <select name="uf"><option>SP</option><option>MG</option><option>RJ</option></select>
  <button>Simular economia</button>
</form>
<p id="resultado"></p>
<script>
document.getElementById("calc").onsubmit = async (e) => {
  e.preventDefault();
  const f = e.target;
  // /minha-cotacao é uma rota SUA, que injeta a chave e repassa para o ionluz
  const r = await fetch("/minha-cotacao", {
    method: "POST", headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ consumoKwhMes: +f.consumo.value, cidade: f.cidade.value, uf: f.uf.value }),
  });
  const c = await r.json();
  const saida = document.getElementById("resultado");
  if (!c.ok) {
    saida.textContent = c.error === "fora-da-area"
      ? "Ainda não atendemos a sua cidade com preço automático. Deixe o seu contato."
      : "Para esse pedido, deixe o seu contato que a gente responde.";
    return;
  }
  saida.textContent = "Sistema de " + c.potenciaKwp + " kWp, " + c.preco +
    ", economia de R$ " + c.economiaMes1 + " no primeiro mês.";
};
</script>

A rota no seu servidor

É aqui que a chave entra. Guarde em variável de ambiente e devolva ao navegador só o que a página vai mostrar.

// /minha-cotacao no SEU servidor (Node, Next, Express, o que você usa)
export async function POST(req) {
  const { consumoKwhMes, cidade, uf } = await req.json();
  const r = await fetch("https://app.ionluz.com.br/api/v1/quote", {
    method: "POST",
    headers: {
      "Authorization": "Bearer " + process.env.IONLUZ_API_KEY,
      "Content-Type": "application/json",
    },
    body: JSON.stringify({ consumoKwhMes, cidade, uf, preview: true }),
  });
  const j = await r.json();
  // faixa marcada "não atendo" ou cliente acima do seu raio: a conta pede o contato
  if (!j.ok) return Response.json({ ok: false, error: j.error }, { status: r.status });
  // nas contas com Sua tabela, o preço vem como a conta publica: o valor, uma faixa ou nenhum número
  const publicado = j.preco && j.preco.publicado;
  const preco = publicado ? publicado.rotulo : "R$ " + Math.round(j.orcamento.valorFinal).toLocaleString("pt-BR");
  // devolve só o que a página vai mostrar
  return Response.json({
    ok: true,
    potenciaKwp: j.orcamento.potenciaKwp,
    economiaMes1: j.orcamento.economiaMes1,
    cobrePct: j.orcamento.cobrePct,
    preco,
  });
}

A resposta completa, os códigos de erro e os cabeçalhos de limite estão na documentação da API e no contrato OpenAPI.

De cotação a lead

Quando o visitante quiser falar, grave a proposta

A mesma chamada, com preview: false e consent: true, grava a proposta, cria o lead no seu painel com consumo e contato e devolve os links do PDF e da proposta para você mandar no WhatsApp. O consentimento fica registrado com data e versão do texto, como a LGPD pede.

Se você prefere não programar, cole no site o código da sua página: o visitante simula e vira contato do mesmo jeito, em qualquer plano.