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="email" name="_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?
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.
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.
É 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?
Sim, mas só nos planos pagos: https://help.formspree.io/hc/en-us/articles/360013470814-AJAX-Forms
hgjhgjhg