Compatible avec les blocs de code personnalisés
Ajoutez le code à un site permettant de modifier le HTML ou d’utiliser un bloc de code personnalisé, comme Webflow, Framer ou Carrd. Les guides ci-dessous expliquent comment.
outil gratuit
Créez votre formulaire de contact
Choisissez les champs à remplir, comme le nom, l’email et le message. Testez le formulaire, puis copiez son HTML dans le bloc de code personnalisé de votre site.
La création et l’aperçu du formulaire sont gratuits, sans compte. Pour recevoir de vrais messages dans mailcontact, créez un projet et utilisez son lien de formulaire. Au besoin, demandez à la personne qui gère votre site d’ajouter le code.
recevoir vos messages
Une boîte pour votre formulaire.
de MailContact service de formulaire gratuit inclut un projet, 50 messages de formulaire par mois et les alertes email. Slack, Discord et les webhooks nécessitent Pro ou Plus. Ajoutez un adresse de contact pour votre projet et les réponses avec Pro ou Plus.
générateur de formulaires
Choisissez vos champs. Testez.
Choisissez vos champs et testez un message dans l’aperçu. L’aperçu n’envoie aucun vrai message. Un test réel utilise le lien de formulaire saisi et compte comme un vrai message.
C’est un lien d’exemple. Testez l’aperçu maintenant. Pour un vrai envoi, utilisez le lien des paramètres du projet.
Protection antispam toujours incluse
Le script ajoute un contrôle caché, vérifie sa présence et sa valeur vide, puis gère envoi et confirmations. Le spam bloqué ne consomme pas le quota. Les visiteurs n’ont aucun CAPTCHA à résoudre.
Les formulaires Free affichent un petit lien « Traité par mailcontact.app ». Ceux de Pro et Plus n’ont pas d’attribution MailContact. Pour une interface entièrement personnalisée, utilisez MailContact.send().
Testez votre formulaire
Entraînement : aucun message n’est envoyé ni enregistré. Testez le formulaire que vous copierez ci-dessous. Son aspect final dépend des styles de votre site.
contact-form.html
Voir le code du formulaire (HTML)
<form action="https://mailcontact.app/api/forms/your-form-id" method="POST" data-mailcontact-form lang="fr" data-mailcontact-language="fr">
<input type="hidden" name="_language" value="fr" />
<fieldset>
<legend>Contactez-nous</legend>
<label>
Nom (facultatif)
<input name="name" type="text" autocomplete="name" maxlength="200" />
</label>
<label>
Email
<input name="email" type="email" autocomplete="email" maxlength="320" required />
</label>
<label>
Message
<textarea name="message" rows="5" maxlength="5000" required></textarea>
</label>
<noscript>
<div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;">
<label>Site web
<input name="company_website" type="text" tabindex="-1" autocomplete="off" />
</label>
</div>
</noscript>
<button type="submit">Envoyer le message</button>
</fieldset>
<p data-contact-status role="status" aria-live="polite" aria-atomic="true"></p>
</form>
<script defer src="https://mailcontact.app/forms/v1.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>en utilisant votre formulaire
Copiez le code sur votre site.
Sans inscription
Créez, prévisualisez et copiez votre formulaire gratuitement. Pour recevoir les messages dans mailcontact, créez un compte et un projet, puis ajoutez le lien de formulaire de ce projet.
Des libellés clairs pour les visiteurs
Chaque champ a un libellé, et le formulaire indique lesquels sont obligatoires. Un champ caché aide à filtrer les messages indésirables sans gêner les visiteurs.
FAQ
HTML du formulaire de contact : vos questions
Comment recevoir les messages du formulaire ?
Créez un projet mailcontact et copiez son lien de formulaire dans le générateur. Ce lien, appelé point de réception, envoie les messages dans la boîte du projet. Ajoutez le HTML généré à votre site ou demandez à la personne qui le gère de le faire. Les développeurs peuvent aussi connecter le formulaire à un autre service compatible.
Puis-je modifier l’apparence du formulaire ?
Oui. Le générateur crée du HTML sans thème propre. Les styles de votre site déterminent l’apparence. Vous ou votre gestionnaire pouvez modifier mise en page, couleurs et polices.
Pourquoi le champ email est-il obligatoire ?
Pour savoir comment répondre. L’email du visiteur figure avec son message dans votre boîte. mailcontact vérifie sa présence et son format.
Puis-je l’utiliser avec Webflow, Framer ou Carrd ?
Oui, si votre offre autorise un Embed ou du code personnalisé. Collez le formulaire dans ce bloc et utilisez le lien mailcontact pour recevoir.
guides
Trouvez le guide pour votre site
Lisez les messages du formulaire au même endroit.
Créez une boîte mailcontact gratuite pour le formulaire de votre site. Recevez une alerte email lorsqu’une personne écrit. Ajoutez Slack, Discord ou des webhooks avec Pro ou Plus.
Créer mon formulaireAucune carte bancaire requise. Free comprend un projet et 50 messages de formulaire par mois.