Formward vs EmailJS: opgeslagen, gefilterde inzendingen

In het kort

Functievergelijking

Prijzen

EmailJS

• Free: $0, 200 verzoeken per maand, 2 sjablonen, geschiedenis van 7 dagen.
• Personal: $9 per maand, 2.000 verzoeken, 6 sjablonen, bijlagen van 500 KB.
• Professional: $15 per maand, 5.000 verzoeken, onbeperkte sjablonen, bijlagen van 2 MB.
• Business: $40 per maand, 25.000 verzoeken, bijlagen van 30 MB.

Actuele cijfers: EmailJS prijzen · alle Formward-abonnementen

Overstappen van EmailJS

Inspanning: Laag. Wat verandert er:

• Verwijder het pakket @emailjs/browser en de publieke sleutel, service-ID en sjabloon-ID.
• Stuur het formulier naar je Formward-endpoint, met of zonder JavaScript.
• Stel het meldingsadres en het onderwerp in op het Formward-formulier in plaats van in een e-mailsjabloon.

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. Maak een formulier aan in Formward, stel het meldingsadres in en kopieer het endpoint.
2. Vervang de sendForm-aanroep door een fetch() naar het endpoint, of verwijder het script en stel de action van het formulier in.
3. Voeg een verborgen _gotcha-veld toe als honeypot en voeg de origin van je site toe aan de toegestane origins.
4. Verstuur een testinzending en verwijder de EmailJS-sleutels uit je code.

De volledige handleiding, met de veldkoppeling en de gedragsverschillen om te testen, staat in de migratiegids voor EmailJS.

Welke past bij jou

Wanneer Formward niet de beste keuze is

• Het Free-abonnement neemt 50 inzendingen per maand aan en bewaart ze 30 dagen, en bestandsuploads beginnen bij het Professional-abonnement.
• Formward is een formulier-backend met gehoste formulierpagina's, geen enquêtetool. Voor lange enquêtes met veel vertakkingen past een speciale enquêtetool misschien beter.
• Formward is een jong bedrijf. Beoordeel de betrouwbaarheid zelf op de statuspagina en in de changelog.

Vragen

Kan ik mijn React- of Vue-code behouden?

Ja. Alleen de submit-handler verandert: vervang de EmailJS-aanroep door een fetch() naar je Formward-endpoint. De framework-pagina's tonen complete componenten.

Zijn mijn sleutels zichtbaar in de browser met Formward?

Er staan geen sleutels in de browser. De endpoint-URL is bewust openbaar, en je beschermt die aan de Formward-kant met toegestane origins, snelheidslimieten en de honeypot.

Hoeveel kost Formward?

Formward heeft een gratis abonnement met 50 inzendingen per maand. Betaalde abonnementen kosten € 15 per maand (Personal, 200 inzendingen), € 30 (Professional, 2,000) en € 90 (Business, 20,000). Bij jaarlijkse betaling komt dat neer op € 10, € 20 en € 60 per maand.

Lees hierna

• AJAX-inzendingen: Instellen van fetch(), JSON-antwoorden en CORS.
• React-formulieren: Een compleet component dat naar Formward verstuurt.
• Formulier naar e-mail: Meldingen zonder zelf een backend te schrijven.
• Spamfiltering: Wat er bij elke inzending draait.