Aller au contenu
FFormhook
Retour au blog

Blog

Migrer de Formspree vers Formhook : le guide en dix minutes

· 3 min de lecture

Le meilleur atout de la catégorie « backend de formulaire » est que changer de fournisseur est trivial par conception : le seul point d'intégration de votre site est une URL unique. Voici la migration complète, y compris les étapes que tout le monde oublie.

(Pourquoi migrer, au juste ? La comparaison honnête - tarifs, rétention, hébergement UE - se trouve sur la page Formhook vs Formspree. Ce guide part du principe que votre décision est déjà prise.)

Étape 1 : exportez vos soumissions existantes

Si vous êtes sur un forfait Formspree payant, exportez d'abord l'historique de vos soumissions - selon leur page tarifaire, l'export est inclus à partir du forfait Personal. Cherchez l'option d'export dans la vue des soumissions de votre formulaire et téléchargez tout avant de toucher à quoi que ce soit d'autre. Si vous êtes sur leur forfait gratuit, copiez manuellement ce dont vous avez besoin ; leur offre gratuite est positionnée pour les tests, donc il devrait idéalement y avoir peu de données de production dedans.

Conservez cet export quelle que soit votre destination finale - avoir une sauvegarde de vos données de prospects indépendante du fournisseur est simplement une bonne pratique.

Étape 2 : créez le formulaire Formhook

Inscrivez-vous, créez un formulaire et copiez sa clé. Deux réglages à configurer pendant que vous y êtes :

  • Liste blanche CORS - ajoutez le(s) domaine(s) de votre site, y compris la variante www si vous servez les deux.
  • Turnstile - si vous aviez une protection type CAPTCHA auparavant, activez Turnstile dès maintenant pour que la protection reste continue pendant la bascule. Le honeypot et la limitation de débit sont déjà actifs.

Étape 3 : le changement d'une seule ligne

- <form action="https://formspree.io/f/xyzabcde" method="POST">
+ <form action="https://formhook.app/f/fh_your-key" method="POST">

Les noms de champs n'ont pas besoin de changer - les deux services acceptent les POST standards en form-encoded, et Formhook accepte aussi le JSON et le multipart. Si vous utilisiez fetch/AJAX, la même bascule d'une ligne s'applique à l'URL dans votre code.

Éléments à rechercher pour ne rater aucune occurrence : l'ancienne URL dans vos composants, les variables d'environnement comme FORM_ENDPOINT, et tout endpoint codé en dur dans des templates par page. Sites multi-formulaires : le niveau gratuit de Formhook inclut plusieurs formulaires, donc associez chaque ancien formulaire à sa propre clé plutôt que de les fusionner - les notifications et réglages par formulaire restent ainsi bien séparés.

Étape 4 : testez depuis le site déployé

Déployez, puis soumettez un vrai test depuis l'URL de production, pas en local - c'est le seul endroit où CORS, DNS et TLS sont tous exercés ensemble. Vérifiez trois choses : l'état de succès s'affiche dans le navigateur, la soumission apparaît dans votre tableau de bord Formhook, et la notification arrive sur votre appareil. Profitez-en pour exécuter la checklist de pré-lancement complète.

Étape 5 : désactivez l'ancien formulaire

Laissez l'ancien formulaire Formspree actif pendant quelques jours en filet de sécurité, puis désactivez-le une fois que vous avez confirmé que les soumissions arrivent bien vers Formhook. Conservez votre export archivé. C'est toute la migration - un attribut, quelques réglages, et un test. La raison pour laquelle c'est si simple est la même raison pour laquelle quitter n'importe quel backend de formulaire est facile : votre site dépend d'une seule URL, pas d'un verrouillage propriétaire.

Mettez en ligne un formulaire fonctionnel en une ligne

Hébergé dans l'UE, soumissions conservées indéfiniment, notifications push sur tous les niveaux.

Commencer gratuitement

Sans carte bancaire · consultez la documentation

Continuer la lecture