Ajoutez un formulaire de contact qui fonctionne vraiment : choisissez le minimum de champs, étiquetez-les accessiblement, gérez les erreurs et le spam, prouvez qu'une demande test arrive dans votre boîte de réception, et choisissez entre outils de formulaire intégrés et incorporés.
Un formulaire de contact sur un site web permet aux visiteurs de vous envoyer un message structuré sans ouvrir leur application e-mail, et protège votre adresse des robots de spam. En ajouter un implique cinq décisions : quels champs, comment ils sont étiquetés, ce qui se passe à l'envoi, comment le spam est bloqué, et où vont les messages. La dernière est celle où la plupart des formulaires échouent, donc ce guide se termine par un test que vous devriez effectuer sur chaque formulaire que vous publiez.
Ne demandez que ce dont vous avez besoin pour répondre utilement. Chaque champ supplémentaire est une raison de plus d'abandonner. Un bon défaut :
N'ajoutez un champ que quand il change votre façon de répondre. Exemple travaillé pour une entreprise de nettoyage fictive, « Brightside Cleaning » :
| Champ | Garder ? | Pourquoi |
|---|---|---|
| Nom, e-mail, message | Oui | Nécessaire pour répondre |
| Code postal | Oui | Indique immédiatement si l'adresse est dans leur zone |
| Type de service (liste déroulante) | Oui | Oriente les devis réguliers vs ponctuels vs fin de bail |
| Téléphone | Optionnel | Certains clients préfèrent un appel ; ne le forcez pas |
| Société, titre, « comment nous avez-vous connu » | Non | Inutile pour répondre à un devis de nettoyage à domicile |
<label for="email"> avec un id correspondant) pour que toucher l'étiquette focalise le champ.type="email", type="tel") pour que les téléphones affichent le bon clavier.<label for="email">E-mail (obligatoire)</label>
<input id="email" name="email" type="email" autocomplete="email" required>Un formulaire qui semble correct mais ne délivre rien est fréquent : mauvaise adresse, messages filtrés comme spam, ou un formulaire incorporé jamais connecté. Après publication, effectuez ce test et notez le résultat :
TEST DU FORMULAIRE DE CONTACT
Page testée (URL en ligne) :
Envoyé le (date/heure) :
Nom test utilisé : TEST - [vos initiales] - [date]
Délivré dans la boîte : [adresse]
Arrivé ? Dans les spams ? oui/non / oui/non
Tous les champs sont corrects ? oui/non
Testé sur téléphone aussi ? oui/non
Répondre-à fonctionne (la réponse va au visiteur) ? oui/nonRépétez le test chaque fois que vous modifiez le formulaire, l'adresse de destination ou votre fournisseur e-mail.
| Option | Bon pour | À surveiller |
|---|---|---|
| Formulaire propre au créateur de site | Demandes simples ; un compte de moins à gérer | Vérifiez où les soumissions sont stockées et envoyées par e-mail |
| Service de formulaire incorporé (ex. Google Forms, Typeform, Jotform, Tally) | Formulaires multi-étapes, téléchargements de fichiers, logique | Le style peut ne pas correspondre ; poids de script supplémentaire ; vérifiez les limites du plan actuel de chaque fournisseur |
| Code personnalisé vers votre propre serveur | Contrôle total, intégrations CRM | Vous gérez la protection anti-spam et la délivrabilité |
Quelle que soit votre option, placez le formulaire là où la décision se prend : la page de contact, la fin de chaque page de service, et une version courte dans le pied de page ou la page d'accueil.
Dans le créateur de site We.Inc, vous pouvez décrire le formulaire que vous souhaitez en termes simples (par exemple « un formulaire de devis avec nom, e-mail, code postal et type de service ») puis ajuster les étiquettes et la mise en page avec le clic-pour-modifier. La création IA nécessite un plan payant, à partir de Starter à $20/mois (tarifs) ; le plan Gratuit couvre jusqu'à 3 sites modèles sur une adresse we.inc. Quelle que soit votre solution, effectuez le test de délivrabilité ci-dessus avant de vous fier au formulaire. Vérifiez ensuite la page avec le testeur de site, parcourez les modèles professionnels, ou estimez les coûts avec le calculateur de coût de site web.
Commencer à créer votre site web professionnel
Le minimum nécessaire pour répondre utilement. Nom, e-mail et message est un bon défaut ; n'ajoutez un champ que s'il change votre façon de répondre, comme un code postal pour une zone de service locale.
Les causes habituelles sont une mauvaise adresse de destination, des messages qui arrivent dans les spams, ou un formulaire incorporé jamais connecté. Envoyez une demande test clairement étiquetée et vérifiez la boîte de réception et le dossier spam.
Pas toujours. Un champ honeypot caché arrête beaucoup de robots sans déranger les visiteurs. Ajoutez un défi de type CAPTCHA seulement si le spam continue à passer.
Cela aide les visiteurs qui préfèrent l'e-mail. Attendez-vous à un peu plus de spam si l'adresse est affichée en texte brut.
Commencer gratuitement · Sans carte bancaire