integrations
Un formulaire de contact pour chaque framework et outil de création de site.
mailcontact est un point de réception HTML simple associé à une vraie adresse email : il fonctionne avec tous les frameworks, générateurs statiques et outils de création de sites. Choisissez votre technologie pour un guide à copier-coller.
frameworks
Next.js
Ajoutez un formulaire fonctionnel à Next.js avec un composant, sans code backend. Les envois arrivent dans une boîte par projet avec alertes Discord ou Slack.
/for/reactReact
Créez un formulaire de contact React sans backend : un composant envoie avec fetch vers un point de réception hébergé, affiche une confirmation sur place et vous alerte sur Discord ou Slack.
/for/vueVue
Un formulaire de contact Vue sans serveur : envoyez-le avec @submit.prevent et fetch, ou sans script avec un simple attribut action. Les messages arrivent dans la boîte du projet.
/for/astroAstro
Créez un formulaire de contact Astro en HTML simple dans une page .astro : sans îlot, adaptateur SSR ni backend. Les envois arrivent dans une boîte avec des alertes.
/for/svelteSvelte
Ajoutez un formulaire de contact à une application Svelte sans serveur : un gestionnaire d’envoi, un fetch, et les messages arrivent dans la boîte du projet avec des notifications Discord ou Slack.
/for/sveltekitSvelteKit
Les actions de formulaire SvelteKit nécessitent un serveur. adapter-static les supprime. Faites pointer le formulaire vers un point de réception : la page fonctionne même sur une compilation statique.
/for/nuxtNuxt
nuxt generate retire les routes serveur de la compilation. Un formulaire qui envoie vers un point de réception continue de fonctionner sur un Nuxt pré-généré, chez tout hébergeur.
/for/gatsbyGatsby
Ajoutez un formulaire de contact à un site Gatsby sans Functions ni fonctionnalité propre à l’hébergeur, pour qu’il continue de fonctionner lorsque le site déménage. Les messages arrivent dans la boîte du projet.
static site generators
Hugo
Ajoutez un formulaire de contact Hugo avec un seul partial, sans backend. Hugo génère du HTML statique : les envois arrivent dans une boîte mailcontact, avec des alertes Discord ou Slack.
/for/eleventyEleventy
Ajoutez un formulaire de contact fonctionnel à un site Eleventy (11ty) avec une inclusion HTML, sans backend. Les envois arrivent dans une boîte avec des alertes Discord ou Slack.
/for/jekyllJekyll
Créez un formulaire de contact Jekyll avec une inclusion, sans plugin. Fonctionne directement sur GitHub Pages. Les envois arrivent dans une boîte avec des alertes Discord ou Slack.
hosting platforms
GitHub Pages
GitHub Pages ne peut pas exécuter de code serveur : un formulaire nécessite un point de réception externe. Faites pointer votre HTML vers mailcontact et recevez tous les messages dans une boîte.
/for/netlifyNetlify
Vous cherchez une alternative aux formulaires Netlify ? Un point de réception indépendant, une vraie adresse email et des alertes Discord ou Slack, quel que soit l’hébergeur.
/for/vercelVercel
Créez un formulaire de contact Vercel sans fonction serverless ni API email. Les envois arrivent dans une boîte par projet avec des alertes Discord, Slack ou email.
/for/cloudflare-pagesCloudflare Pages
Cloudflare Pages ne gère pas les formulaires nativement : le plugin Static Forms nécessite encore un Worker à écrire. Faites plutôt pointer votre formulaire vers un point de réception.
site builders
Ghost
Ghost propose l’inscription de membres mais aucun formulaire de contact ni moyen de recevoir un message. Collez un formulaire dans une page ou un thème : les envois arrivent dans la boîte du projet.
/for/webflowWebflow
Envoyez les formulaires Webflow dans votre boîte avec un élément Embed : évitez les limites natives liées à l’offre, recevez des alertes Discord ou Slack et ajoutez une adresse email.
/for/framerFramer
Créez un formulaire Framer avec un Embed de code et du HTML simple, sans composant de formulaire natif. Les envois arrivent dans une boîte avec alertes Discord ou Slack.
/for/carrdCarrd
Créez un formulaire de contact Carrd avec un élément Embed, sans backend. Les envois arrivent dans une boîte par projet avec des alertes Discord, Slack ou email.
approaches
notifications
Et recevez les alertes là où travaille votre équipe.
Recevez vos premiers messages.
Commencez avec un formulaire gratuit. Ajoutez adresse de contact et réponses selon vos besoins.
Créer mon formulaireAucune carte bancaire requise. Free comprend un projet et 50 messages de formulaire par mois.