Formward vs EmailJS : soumissions stockées et filtrées

En bref

Comparaison des fonctionnalités

Tarifs

EmailJS

• Free : 0 $, 200 requêtes par mois, 2 modèles, historique de 7 jours.
• Personal : 9 $ par mois, 2 000 requêtes, 6 modèles, pièces jointes de 500 Ko.
• Professional : 15 $ par mois, 5 000 requêtes, modèles illimités, pièces jointes de 2 Mo.
• Business : 40 $ par mois, 25 000 requêtes, pièces jointes de 30 Mo.

Chiffres actuels : tarifs de EmailJS · toutes les offres Formward

Passer de EmailJS

Effort : Faible. Ce qui change :

• Supprimez le paquet @emailjs/browser ainsi que la clé publique, l'ID de service et l'ID de modèle.
• Envoyez le formulaire vers votre endpoint Formward, avec ou sans JavaScript.
• Définissez l'adresse de notification et l'objet directement sur le formulaire Formward, au lieu d'un modèle d'e-mail.

Copyimport emailjs from "@emailjs/browser";

emailjs.init({ publicKey: "YOUR_PUBLIC_KEY" });

form.addEventListener("submit", async (event) => {
  event.preventDefault();
  await emailjs.sendForm("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", form);
});

Copyform.addEventListener("submit", async (event) => {
  event.preventDefault();
  const res = await fetch("https://forms.formward.eu/f/<formId>", {
    method: "POST",
    headers: { Accept: "application/json" },
    body: new URLSearchParams(new FormData(form)),
  });
  if (!res.ok) throw new Error("Submission failed");
});

1. Créez un formulaire dans Formward, définissez l'e-mail de notification et copiez l'endpoint.
2. Remplacez l'appel sendForm par un fetch() vers l'endpoint, ou supprimez le script et définissez l'attribut action du formulaire.
3. Ajoutez un champ caché _gotcha comme honeypot et ajoutez l'origine de votre site aux origines autorisées.
4. Envoyez une soumission de test, puis supprimez les clés EmailJS de votre code.

Le guide complet, avec la correspondance des champs et les différences de comportement à tester, se trouve dans le guide de migration depuis EmailJS.

Lequel vous convient

Quand Formward n’est pas le meilleur choix

• Le plan Free accepte 50 envois par mois et les conserve 30 jours, et l’envoi de fichiers commence avec le plan Professional.
• Formward est un backend de formulaires avec des pages de formulaire hébergées, pas un outil d’enquête. Pour de longues enquêtes avec beaucoup de branchements, un outil d’enquête dédié peut mieux vous convenir.
• Formward est une jeune entreprise. Jugez vous-même sa fiabilité sur la page de statut et dans le journal des modifications.

Questions

Puis-je garder mon code React ou Vue ?

Oui. Seul le gestionnaire de soumission change : remplacez l'appel EmailJS par un fetch() vers votre endpoint Formward. Les pages par framework présentent des composants complets.

Mes clés sont-elles exposées dans le navigateur avec Formward ?

Aucune clé ne se trouve dans le navigateur. L'URL de l'endpoint est publique par conception, et vous la protégez avec les origines autorisées, les limites de débit et le honeypot côté Formward.

Combien coûte Formward ?

Formward propose une offre gratuite avec 50 soumissions par mois. Les offres payantes coûtent 15 € par mois (Personal, 200 soumissions), 30 € (Professional, 2,000) et 90 € (Business, 20,000). Avec la facturation annuelle, ces montants tombent à 10 €, 20 € et 60 € par mois.

À lire ensuite

• Soumissions AJAX: Configuration de fetch(), réponses JSON et CORS.
• Formulaires React: Un composant complet qui envoie vers Formward.
• Formulaire vers e-mail: Notifications sans écrire de backend.
• Filtrage du spam: Ce qui s'exécute sur chaque soumission.