Tous les articles

Ajouter un formulaire de contact qui fonctionne à un site statique créé par IA

Vous avez demandé à votre IA d’ajouter un formulaire de contact, et elle en a créé un avec les champs nom, e-mail et message. Mais quand vous ou un visiteur cliquez sur « Envoyer », rien ne se passe, ou une erreur s’affiche. Ce n’est pas une erreur de l’IA. C’est le fonctionnement normal d’un site statique, et voici comment le corriger proprement.

Pourquoi un formulaire statique ne fonctionne pas tout seul

Un site statique n’est composé que de fichiers HTML, exactement ce que génèrent les outils d’IA. Derrière, aucun serveur n’exécute de code pour recevoir le formulaire, l’enregistrer et vous l’envoyer par e-mail. Le formulaire a l’air correct, mais le bouton « Envoyer » n’a nulle part où envoyer les données. Pour qu’il fonctionne vraiment, il faut quelque chose de l’autre côté pour le traiter.

Autrefois, cela voulait dire écrire du code serveur (PHP, Node, etc.) et faire tourner un serveur. Pour un créateur non technique, c’est un énorme saut. La réponse moderne est un endpoint de formulaire, un service qui s’occupe de la réception à votre place.

La solution simple : un endpoint de formulaire

Un endpoint de formulaire est une adresse web qui reçoit les données de votre formulaire, les enregistre et vous prévient, sans que vous ayez de serveur à gérer. Vous pointez votre formulaire vers cette adresse, et ça marche. Beaucoup d’hébergeurs l’incluent. Sur Hostilo, chaque site dispose d’un endpoint de formulaire intégré : pas besoin d’un service séparé.

Étape par étape

1. Récupérez le code du formulaire

Copiez un formulaire qui envoie vers l’endpoint et contient le jeton unique de votre site. Il ressemble à ceci :

<form action="https://hostilo.app/api_form.php" method="POST">
  <input type="hidden" name="site_token" value="VOTRE_JETON_UNIQUE">
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  <button type="submit">Envoyer</button>
</form>

2. Ajoutez votre jeton

Le champ site_token relie les messages à votre site. Le code prêt à l’emploi, avec votre jeton déjà inséré, se trouve dans l’éditeur de votre site, onglet Paramètres. C’est le seul élément qui rend le formulaire « à vous ».

3. Collez-le dans votre page

Placez le formulaire où vous le souhaitez dans votre HTML, puis enregistrez et publiez. C’est tout : le formulaire est en ligne et fonctionne.

Où arrivent les messages ?

Quand quelqu’un remplit le formulaire, vous recevez le message par e-mail et il est aussi enregistré dans votre tableau de bord : vous gardez une trace même si un e-mail se perd. Pas de service séparé à consulter, tout est au même endroit.

Et le spam ?

Les formulaires publics attirent les robots de spam. Un bon endpoint intègre un honeypot : un champ invisible que les humains ne remplissent jamais, contrairement aux robots. Si le honeypot est rempli, l’envoi est rejeté discrètement. Cela bloque l’essentiel du spam automatique sans imposer de captcha à vos vrais visiteurs.

Questions fréquentes

Faut-il savoir coder pour ajouter un formulaire qui fonctionne ?
Non. Vous collez un extrait de code et ajoutez votre jeton. Pas de backend, pas de serveur, pas de code à écrire.

Puis-je personnaliser l’apparence du formulaire ?
Oui. C’est du HTML normal : stylisez-le comme vous voulez ou gardez le design de l’IA. Seuls l’URL action et le champ caché du jeton doivent rester.

Vais-je recevoir les messages par e-mail ?
Oui. Les messages arrivent par e-mail et sont aussi sauvegardés dans votre tableau de bord.

Comment le spam est-il géré ?
Un champ honeypot intégré détecte et bloque automatiquement la plupart des robots : pas besoin de captcha.