Formward kontra EmailJS: lagrade, filtrerade inskick

I korthet

Funktionsjämförelse

Priser

EmailJS

• Free: $0, 200 förfrågningar i månaden, 2 mallar, 7 dagars historik.
• Personal: $9 i månaden, 2 000 förfrågningar, 6 mallar, 500 KB bilagor.
• Professional: $15 i månaden, 5 000 förfrågningar, obegränsat antal mallar, 2 MB bilagor.
• Business: $40 i månaden, 25 000 förfrågningar, 30 MB bilagor.

Aktuella siffror: EmailJS-priser · alla Formward-planer

Byte från EmailJS

Insats: Låg. Det här ändras:

• Ta bort paketet @emailjs/browser och den publika nyckeln, tjänst-ID:t och mall-ID:t.
• Posta formuläret till din Formward-endpoint, med eller utan JavaScript.
• Ange aviseringsadressen och ämnesraden på Formward-formuläret i stället för i en e-postmall.

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. Skapa ett formulär i Formward, ange e-postadressen för aviseringar och kopiera endpointen.
2. Ersätt anropet till sendForm med en fetch() till endpointen, eller ta bort skriptet och ange formulärets action.
3. Lägg till ett dolt fält _gotcha som honeypot och lägg till din webbplats ursprung bland de tillåtna ursprungen.
4. Skicka ett testinskick och ta bort EmailJS-nycklarna från koden.

Hela genomgången, med fältkopplingen och beteendeskillnaderna att testa, finns i migreringsguiden för EmailJS.

Vilket som passar

När Formward inte passar bäst

• Gratisplanen tar emot 50 inskick i månaden och sparar dem i 30 dagar, och filuppladdning finns från planen Professional.
• Formward är en formulär-backend med hostade formulärsidor, inte ett enkätverktyg. För långa enkäter med många förgreningar kan ett renodlat enkätverktyg passa bättre.
• Formward är ett ungt företag. Bedöm tillförlitligheten själv på statussidan och i ändringsloggen.

Frågor

Kan jag behålla min React- eller Vue-kod?

Ja. Bara hanteraren för inskicket ändras: ersätt EmailJS-anropet med en fetch() till din Formward-endpoint. Ramverkssidorna visar kompletta komponenter.

Exponeras mina nycklar i webbläsaren med Formward?

Det finns inga nycklar i webbläsaren. Endpoint-URL:en är publik med avsikt, och du skyddar den med tillåtna ursprung, hastighetsbegränsningar och honeypot på Formward-sidan.

Hur mycket kostar Formward?

Formward har en gratisplan med 50 inskick i månaden. Betalplanerna kostar 15 € i månaden (Personal, 200 inskick), 30 € (Professional, 2,000) och 90 € (Business, 20,000). Betalar du årsvis sänks priserna till 10 €, 20 € och 60 € i månaden.

Läs härnäst

• AJAX-inskick: Konfiguration av fetch(), JSON-svar och CORS.
• React-formulär: En komplett komponent som skickar till Formward.
• Formulär till e-post: Aviseringar utan att skriva en backend.
• Skräppostfilter: Vad som körs vid varje inskick.