Ce que c’est
Un inspecteur gratuit pour les formulaires HTML et les adresses qui les reçoivent. Il désigne précisément le champ ou le réglage qui perd les données.
Détecteur de fuites de formulaires
Trouvez où votre formulaire perd des contacts.
La plupart des formulaires cassés ont l’air normaux. Le bouton marche, le message de remerciement s’affiche, et la demande n’arrive jamais. Form Leak lit votre formulaire comme un plombier lit un plan de tuyauterie, champ par champ, puis envoie un vrai test à l’adresse de réception et vous dit si les données sont arrivées.
Pour qui
Les fondateurs, marketeurs, freelances et développeurs qui gèrent un formulaire de contact, d’inscription ou de devis et veulent recevoir chaque demande.
Ce que ça règle
Les pertes silencieuses. Un attribut name oublié, un champ désactivé ou une redirection après l’envoi peuvent perdre une demande sans aucune erreur.
Inspecter un formulaire
Vérifiez d’abord le code, puis testez l’adresse vers laquelle il envoie.
Collez la page entière ou seulement le formulaire. Le code est lu dans votre navigateur et n’est envoyé nulle part.
Rien d’inspecté pour l’instant
Chargez le formulaire d’exemple pour voir des fuites typiques tracées sur le plan.
Le HTML collé reste dans votre navigateur. Les récupérations de pages et les tests partent une fois d’un serveur Vercel et ne sont pas conservés.
Guide des fuites
Le sens de chaque constat et la manière de le corriger.
Champ sans nom
Les navigateurs n’envoient que les champs qui ont un attribut name. Ajoutez name="email" ou équivalent à chaque champ que vous voulez recevoir.
Deux champs portent le même nom
La plupart des serveurs ne gardent qu’une valeur. Donnez un nom propre à chaque champ.
Le formulaire n’envoie nulle part
L’action est vide ou se limite à un dièse, donc le formulaire renvoie vers la même page. Pointez vers votre service de formulaires ou votre serveur.
Champ désactivé
Les champs désactivés ne sont jamais envoyés. Utilisez readonly si le visiteur doit voir la valeur sans la changer.
Fichiers sans le bon encodage
L’envoi de fichiers demande l’encodage multipart dans l’attribut enctype, sinon seul le nom du fichier arrive.
Envoi en http simple
Les navigateurs avertissent les visiteurs et certains bloquent l’envoi. Utilisez une adresse en https.
Données privées dans l’adresse
Avec method get, mots de passe et numéros de carte finissent dans l’adresse, les journaux du serveur et l’historique. Utilisez method post.
Pas de bouton d’envoi
Sans bouton d’envoi, la touche Entrée peut ne rien faire. Ajoutez un bouton de type submit.
Champs hors du formulaire
Les champs placés hors de la balise form ne partent pas, sauf s’ils ont un attribut form qui pointe vers elle.
L’action est un script
Si ce script plante ou est bloqué, rien ne part. Mettez une vraie adresse dans action et enrichissez avec JavaScript.
Adresse email en texte simple
Utilisez type email pour que les téléphones affichent le bon clavier et que les fautes soient repérées avant l’envoi.
Email facultatif
Si vous devez répondre, rendez le champ email obligatoire avec required pour éviter les demandes vides.
Champ sans libellé
Les lecteurs d’écran n’annoncent rien et le texte indicatif disparaît pendant la saisie. Ajoutez un label.
Saisie automatique coupée
La saisie automatique accélère les coordonnées et réduit les fautes. Retirez autocomplete off du nom, de l’email et du téléphone.
Envoi vers un autre service
Normal pour un service de formulaires. Vérifiez qu’il transfère vers une boîte que quelqu’un lit.
Piège à spam trouvé
Un champ appât caché attrape les robots sans gêner les humains. Rien à corriger.
Mode d’emploi
Lisez le formulaire
Collez le HTML du formulaire ou l’adresse de la page. Chaque champ devient un tuyau et chaque fuite est marquée là où elle se produit.
Réparez les fuites
Chaque constat vient avec une correction en une ligne. Les fuites perdent des données, les gouttes font fuir des visiteurs, les notes méritent un coup d’œil.
Testez l’adresse
Envoyez un seul test à l’adresse de l’action. Form Leak suit chaque redirection et vous dit si les données sont arrivées intactes.
Ce qu’il ne fait pas
- Il n’exécute pas les scripts de la page. Pour un formulaire qui n’apparaît qu’après JavaScript, collez le HTML rendu.
- Il ne voit pas l’intérieur de votre messagerie ou de votre CRM. Un test livré prouve que l’adresse a reçu les données, pas que quelqu’un les a lues.
- Les adresses protégées par captcha refuseront le test, et c’est voulu.
Questions
Le test va arriver dans ma boîte ?
Sans doute, et c’est le but. Il s’appelle Form Leak test et porte un court jeton pour le reconnaître.
Pourquoi une redirection après l’envoi est une fuite ?
Après un 301, 302 ou 303, le navigateur transforme le POST en GET. La page s’affiche, mais les données du formulaire ont disparu. Utilisez 307 ou 308, ou redirigez seulement après l’enregistrement.
Mon HTML est conservé ?
Non. Le HTML collé est lu dans votre navigateur. Les pages récupérées et les tests ne sont pas gardés.