Faça o formulário do Lovable entregar mensagens de verdade

O formulário tem um destino real?

Uma mensagem de agradecimento pode aparecer sem que os dados tenham sido salvos. Antes de alterar o visual, escolha quem vai receber o envio. O Lovable oferece backend e integrações próprias; se seu aplicativo já depende deles, você pode usar a mesma infraestrutura.

O Formgong atende ao cenário de formulário de contato com caixa de entrada separada e avisos por email e Telegram. O design permanece no site.

Prepare a conta antes do teste

Use um email acessível no Formgong e confirme o link recebido. Uma conta não confirmada pode ter mensagens retidas, então conclua essa etapa antes de avaliar a entrega.

No formulário certo, abra a conexão do site e copie access_key. Essa chave pública recebe envios, mas não permite ler a caixa de entrada nem alterar configurações.

Explique ao Lovable o que deve ficar igual

Peça para conectar o formulário atual preservando campos e estilos. Cole as instruções e substitua fk_your_access_key. O exemplo trabalha com texto: não acrescente upload de arquivos, segredo de email ou token de bot no frontend.

Adiciona um formulário de contacto que envie os pedidos ao Formgong. Não cries backend, base de dados nem segredos.

- POST https://formgong.com/submit
- Campo oculto access_key com o valor fk_your_access_key (a chave é pública)
- Campos: name, email, phone opcional, message. Etiquetas em português
- Honeypot: campo botcheck escondido fora do ecrã
- Sem ficheiros nem funções de servidor
- Formulário HTML simples, ou fetch com Accept: application/json. Sucesso: json.success === true

async function onSubmit(event) {
  event.preventDefault();
  const fields = Object.fromEntries(new FormData(event.currentTarget));
  const response = await fetch("https://formgong.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Accept: "application/json",
    },
    body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "Formgong error");
}

Confira o envio além do agradecimento

Envie uma mensagem fácil de identificar e procure o registro no formulário correto. Depois confira o email, incluindo spam, e os campos extras. Com fetch, mostre sucesso após success: true; em caso de erro, mantenha os dados preenchidos.

Repita no domínio publicado e no celular. Um teste no editor não confirma o funcionamento da versão pública.

Acrescente o chat pelo painel

Abra Telegram nas configurações do formulário, siga o link e inicie o bot. Para grupos, adicione o bot e envie /connect com o código do painel. Esse código não é a chave pública do formulário.

Confira o chat conectado e envie outra mensagem. O guia de Telegram detalha as duas opções.

Quando a mensagem não aparece

Sem registro, revise https://formgong.com/submit e a chave. Com registro e sem email, confira confirmação do destinatário, avisos e spam. botcheck precisa ficar oculto e vazio.

Ao ativar Turnstile, atualize a integração para enviar o token. Use o diagnóstico de entrega para localizar a etapa que falhou.

Ajustes que dispensam publicar de novo

Destinatários, chats, assunto do email e redirecionamentos são alterados no Formgong sem reconstruir o site. Confira também a mensagem de erro vista pelo visitante. O Free inclui 300 envios por conta a cada mês, com email e Telegram.