Enquanto concentrava minha atenção na lógica para uma calculadora online, decidi procurar uma solução pronta para um formulário de contato. Foi assim que encontrei o Formspree.

Como usar?

A única coisa que você precisa é montar o seu formulário com todos os campo que desejar e no atributo action da tag form, usar https://formspree.io/seuemail@site.com.

Também é necessário usar a tag name em todos os campos do formulário.

<form action="https://formspree.io/email@dominio.com.br"
 method="POST">
 <input type="text" name="nome">
 <input type="emailname="_replyto">
 <input type="submit" value="Send">
 </form>

Existem outras configurações da tag name que podem ser usados no formulário no formato <input name="_replyto" value="" />

  • _replyto ou email – Indicam o email de quem está enviando o formulário, ou seja, o visitante.
  • _next – Url para a qual o usuário deve ser redirecionado após o envio do formulário.
  • _subject – Campo do assunto no email que você receberá.
  • _cc – Emails adicionais que deverão receber o formulário, separados por vírgula.
  • _format – Use “plain” no atributo value para receber emails em formato texto.
  • _language – Define idioma da página de captcha. Use pt para português.
  • _gotcha – Para evitar spam. Use como <input type="text" name="_gotcha" style="display:none" />.

E agora?

Formulários em qualquer página com o Formspree 1

Só isso. Assim que você fizer o seu primeiro envio pelo formulário, um email chegará em sua caixa de entrada para validação do serviço.

Formulários em qualquer página com o Formspree 2

Depois disso, a cada envio, você recebe uma notificação do seu formulário em seu email, cada vez que um usuário usá-lo.

Limites

O serviço é grátis para até 1000 envios por mês. Se precisar de mais que isso, existe o plano gold por US$ 9 por mês. O plano pago cobre submissões ilimitadas, vários formulários da mesma página, uma url de action sem o seu email, ausência do captcha, arquivo dos emails enviados e confirmação do email do remetente.

A ideia é ótima e diferente dos formulários já prontos como o Wufoo que permitem pouca customização do CSS. No Formspree o resultado depende inteiramente da folha de estilo do seu site.

3 Comments to “Formulários em qualquer página com o Formspree”

  1. Avatar de Júlio Júlio

    É possível utilizar o formspree de forma que não seja necessário sair da página para validar o envio? Digo, de realizar a validação na própria página?

    Reply

Post Comment