Faire arriver les demandes d'un formulaire Lovable dans votre boîte

Le formulaire est-il seulement visuel ?

Un bouton suivi d'un « Merci » ne suffit pas à prouver qu'une demande a été enregistrée. Il faut un service qui reçoit les données. Lovable propose aussi son backend et ses connecteurs : si votre application s'en sert déjà, vous pouvez y traiter le formulaire.

Formgong convient lorsque vous cherchez une boîte de réception séparée, avec email et Telegram, tout en gardant l'apparence sur votre site.

Commencez par une adresse confirmée

Sur Formgong, indiquez votre email puis ouvrez le lien de confirmation. Les demandes d'un compte non confirmé peuvent rester en attente. Terminez cette étape avant de juger la livraison des notifications.

Dans le formulaire choisi, ouvrez la connexion du site et copiez access_key. Cette clé est publique : elle permet l'envoi, pas la lecture de votre boîte ni la modification des réglages.

Demandez une connexion, pas une refonte

Précisez à Lovable de conserver les champs et le design existants. Ajoutez la consigne ci-dessous en remplaçant fk_your_access_key par votre clé. La version du tableau de bord correspond directement à votre formulaire.

Cet exemple concerne le texte. N'y ajoutez ni téléversement de fichiers, ni secret du fournisseur d'email, ni token de bot.

Ajoute un formulaire de contact qui envoie les messages à Formgong. Ne crée pas de backend, de base ni de secrets.

- POST https://formgong.com/submit
- Champ caché access_key avec la valeur fk_your_access_key (la clé est publique)
- Champs : name, email, phone facultatif, message. Libellés en français
- Honeypot : champ botcheck masqué hors écran
- Pas de fichiers ni de fonctions serveur
- Formulaire HTML simple, ou fetch avec Accept: application/json. Succès : 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");
}

Suivez une vraie demande de test

Envoyez un message reconnaissable depuis le formulaire. Retrouvez-le dans le bon formulaire de Formgong, puis dans l'email, y compris les indésirables. Vérifiez également les champs supplémentaires.

Avec fetch, le succès s'affiche après success: true ; l'échec laisse les champs remplis. Recommencez sur le domaine publié et sur téléphone, pas seulement dans l'éditeur.

Ajoutez Telegram depuis ce formulaire

Dans ses réglages Telegram, ouvrez le lien de connexion et démarrez le bot. Pour un groupe, ajoutez le bot et envoyez /connect avec le code du tableau de bord. Ce code ne remplace pas la clé d'envoi.

Vérifiez le chat affiché et envoyez une nouvelle demande. Le guide Telegram détaille ces deux parcours.

Une demande manque : où chercher ?

Sans enregistrement, contrôlez https://formgong.com/submit et la clé. Avec un enregistrement mais sans email, contrôlez confirmation, destinataires et indésirables. Le champ caché botcheck doit rester vide.

Après activation de Turnstile, reprenez le code de connexion à jour : il doit envoyer le token. Le guide de diagnostic distingue chaque étape.

Les réglages continuent à évoluer

Destinataires, chats, objet et redirections se changent dans Formgong sans republier le site. Vérifiez aussi le message d'erreur présenté au visiteur. L'offre Free inclut 300 envois mensuels par compte, avec email et Telegram.