Formward vs EmailJS: submissões armazenadas e filtradas

Em resumo

Comparação de funcionalidades

Preços

EmailJS

• Free: 0 US$, 200 pedidos por mês, 2 modelos, histórico de 7 dias.
• Personal: 9 US$ por mês, 2000 pedidos, 6 modelos, anexos de 500 KB.
• Professional: 15 US$ por mês, 5000 pedidos, modelos ilimitados, anexos de 2 MB.
• Business: 40 US$ por mês, 25 000 pedidos, anexos de 30 MB.

Valores atuais: preços de EmailJS · todos os planos da Formward

A migrar de EmailJS

Esforço: Baixo. O que muda:

• Remove o pacote @emailjs/browser e a chave pública, o ID do serviço e o ID do modelo.
• Envia o formulário para o teu endpoint do Formward, com ou sem JavaScript.
• Define o endereço de notificação e o assunto no formulário do Formward, em vez de num modelo de email.

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. Cria um formulário no Formward, define o email de notificação e copia o endpoint.
2. Substitui a chamada sendForm por um fetch() para o endpoint, ou remove o script e define o action do formulário.
3. Adiciona um campo oculto _gotcha como honeypot e adiciona a origem do teu site às origens permitidas.
4. Envia uma entrada de teste e remove as chaves do EmailJS do teu código.

O guia completo, com o mapeamento de campos e as diferenças de comportamento a testar, está no guia de migração de EmailJS.

Qual escolher

Quando a Formward não é a melhor escolha

• O plano Free aceita 50 submissões por mês e guarda-as durante 30 dias, e o envio de ficheiros começa no plano Professional.
• A Formward é um backend de formulários com páginas de formulário alojadas, não uma ferramenta de inquéritos. Para inquéritos longos com muitas ramificações, uma ferramenta dedicada pode servir-te melhor.
• A Formward é uma empresa jovem. Avalia tu mesmo a fiabilidade na página de estado e no registo de alterações.

Perguntas

Posso manter o meu código React ou Vue?

Sim. Só muda o handler de submissão: substitui a chamada ao EmailJS por um fetch() para o teu endpoint do Formward. As páginas de cada framework mostram componentes completos.

As minhas chaves ficam expostas no navegador com o Formward?

Não há chaves no navegador. O URL do endpoint é público por conceção, e proteges-o com origens permitidas, limites de pedidos e o honeypot do lado do Formward.

Quanto custa a Formward?

A Formward tem um plano gratuito com 50 submissões por mês. Os planos pagos custam 15 € por mês (Personal, 200 submissões), 30 € (Professional, 2,000) e 90 € (Business, 20,000). Pagar anualmente reduz esses valores para 10 €, 20 € e 60 € por mês.

Leitura seguinte

• Submissões AJAX: Configuração de fetch(), respostas JSON e CORS.
• Formulários React: Um componente completo que envia para o Formward.
• Formulário para email: Notificações sem escrever um backend.
• Filtragem de spam: O que é executado em cada submissão.