Quem Somos?
EasyForms é uma solução simples para pessoas que precisam integrar formulários em suas páginas HTML. Nada de se precupar com Backend. Você só precisa copiar e colar, o nosso sistema faz o restante.
Como utilizar?
Para utilizar nossa aplicação basta clicar aqui ao lado para importar o código HTML direto em sua página. Além disso você personalizar as cores do seu formulário clicando em importar CSS!
Teste nossa aplicação
Aqui você pode ver uma prévia de como nosso formulário funcionará na
sua página.
Obs.: É só um teste, esse formulário ainda não vai
para o seu e-mail.
Incorporar HTML
Cole o código abaixo na sua página e comece a usar o serviço!
Obs.: Lembre-se de alterar
"example@email.com" pelo seu e-mail.
<form action="https://easyforms.vercel.app/api" method="POST">
<fieldset>
<legend>Contato</legend>
<label for="name">Nome</label>
<input type="text" name="name" id="name" required>
<label for="email">E-mail</label>
<input type="hidden" name="destiny" id="destiny" value="example@email.com">
<input type="email" name="email" id="email" required>
<label for="message">Mensagem</label>
<textarea name="message" id="message" cols="30" rows="10" required></textarea>
<button type="submit" id="button-send">enviar</button>
</fieldset>
</form>
Incorporar CSS
Escolha uma cor para estilizar seus formulários!
Como nosso serviço funciona?
Nossa aplicação chama uma serverless function, usando Node.js, e a dependência nodemailer faz o envio.
async function sender(req, res) {
const sender = `${req.body.name} <${req.body.email}>`
const message = `${req.body.message}`
if (message) {
await transporter.sendMail({
from: `${sender}`,
text: `${message}`,
subject: 'Formulário de contato',
to: '${destiny}',
replyTo: `${sender}`
})
console.log('Email sent')
}
res.redirect('https://projeto-selecao.vercel.app/tanks')
}
Nossas políticas
Nossa aplicação é totalmente gratuita e de código aberto. Todo o código está disponível no GitHub. Entretanto exibimos alguns anúncios para ajudar a pagar as contas. 😀