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

Conecte seu formulário Lovable ao Formgong, email e Telegram. Instruções prontas, verificação da conta e teste no site publicado.

Author: Formgong
Published: 2026-10-01
Language: pt
Canonical: https://formgong.com/blog/lovable-contact-form-email-telegram?lang=pt

Pegue a chave do formulário no Formgong, confirme seu email e peça ao Lovable para conectar os campos existentes. O envio vai para /submit; o Formgong salva a mensagem e notifica os destinatários verificados e chats conectados. Você não precisa manter um backend para esse formulário.

## 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](/?lang=pt#top) 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.

```text
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
```

### Exemplo de requisição à API

```javascript
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](/blog/website-form-to-telegram?lang=pt) 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](/blog/contact-form-not-sending-email?lang=pt) 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.

## Perguntas frequentes

### Preciso de um Supabase separado?

Não para um formulário conectado ao Formgong. Se o aplicativo já usa Lovable ou Supabase como backend, também pode processar o formulário lá.

### A chave pode ficar no frontend?

Sim. access_key é pública e permite apenas receber envios, sem acesso à caixa de entrada ou às configurações.

### O design muda?

O Formgong recebe os dados; o design fica no site. Peça ao Lovable para preservar o formulário e revise o resultado.

### Sucesso significa email entregue?

Não. Significa que a requisição foi aceita. Registro e entrega da notificação precisam ser conferidos separadamente.

## Fontes e documentação

- [Lovable Cloud](https://docs.lovable.dev/features/cloud)
- [Lovable Resend connector](https://docs.lovable.dev/integrations/resend)
- [Lovable Telegram connector](https://docs.lovable.dev/integrations/telegram)
- [Documentação do Formgong](https://formgong.com/docs/lovable?lang=pt)

[Obter uma chave](https://formgong.com/?lang=pt#top)