EasyForms

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!

Desenho de pessoa enviando email png

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.

Contato

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. 😀