segunda-feira, 1 de dezembro de 2008

Formulário de e-mail básico

Hoje veremos como montar um formulário de e-mail básico. Este formulário é utilizado em muitos sites na página contato, em vez do tradicional link de e-mail. Pode ser muito útil para blogueiros, e dá um ar mais profissional à seu blog. Considerando-se que este formulário raramente aparece em blogs, será interessante instalá-lo agora.




Nada mais fácil do que conseguir este formulário para seu blog. Siga os passos dados à seguir.
1. Acesse o seu painel do Blogger.
2. Vá para a página Layout -- Elementos de página.
3. Clique Adicionar um gadget.
4. Na janela pop-up que aparecerá, selecione o gadget HTML/Javascript.
5. Cole aí o seguinte script:

<script>

function CheckFields(pform) {
if ( pform.NOME.value == ""
pform.URL.value == ""
pform.MENSAGEM.value == ""
pform.EMAIL.value == "" ) {
alert( "Todos campos devem ser preenchidos." );
return false;
}
else {
alert ("Obrigado " +pform.NOME.value + "\nEspere um minuto, por favor...")
pform.action="mailto:" +pform.SEUEMAIL.value +"";
location.href="" +pform.REDIRECIONAMENTO.value +"";
return true;
}
}
</script>

Salve o gadget.

6. Vá para a nova postagem onde você deseja colocar o formulário.
7. Cole aí o seguinte código:

<form enctype="text/plain" name="pform" onsubmit="JavaScript:return CheckFields(this);" method="post">

<TABLE cellSpacing=2 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR class=p2>
<TD width="18%" height="23"> <DIV align=right><B>Seu nome: </B></DIV></TD>
<TD colSpan=3><INPUT value="beckerqueiroz@gmail.com" type="hidden" size=50 name="SEUEMAIL"> <INPUT value="http://mestreblogger.blogspot.com" type="hidden" size=50 name="REDIRECIONAMENTO">
<INPUT size=50 name="NOME"> </TD>
</TR>
<TR class=p2>
<TD width="18%"> <DIV align=right><B>Endereço de seu blog:</B></DIV></TD>
<TD colSpan=3><input value="http://" name="URL" size="50" onBlur="if(this.value==''){this.value='http://'}"/></TD>
</TR>
<TR class=p2>
<TD width="18%"> <DIV align=right><B> E-Mail:</B></DIV></TD>
<TD colSpan=3><input name="EMAIL" size="50"/> </TD>
</TR>
<TR class=p2>
<TD vAlign=top width="18%"> <DIV align=right><B> Mensagem:</B></DIV></TD>
<TD colSpan=3> <P><FONT face="Verdana, Arial, Helvetica, sans-serif" size=2>
<textarea name="MENSAGEM" rows=5 cols=40></textarea>
</FONT></P></TD>
</TR>
<TR>
<TD vAlign=top width="18%"> <DIV align=right><B></B></DIV></TD>
<TD colSpan=3> <P><FONT face="Verdana, Arial, Helvetica, sans-serif" size=2>
<input value="Submeter" name="Submit" type="submit"/>
</FONT></P><P><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><i>Por <a href="http://mestreblogger.blogspot.com">Mestre Blogger</a></i></font></P></TD>
</TR>
</TBODY>
</TABLE>
</form> 

Modifique apenas os dois trechos mostrados em verde. No primeiro, que é o meu endereço de e-mail, coloque o seu e-mail. No segundo, ponha o endereço da página para qual o visitante será redirecionado após enviar o e-mail. A página pode ser uma postagem de seu blog com uma mensagem agradecendo, ou mesmo a página principal de seu blog. Agora publique a postagem.

Lembre-se que é necessário não retirar os créditos de modo algum, pois este trabalho é nosso, e retirá-los é ilegal.

Quando você receber um e-mail, agora, a organização da mensagem será assim:

SEUEMAIL=beckerqueiroz@gmail.com
REDIRECIONAMENTO=http://mestreblogger.blogspot.com
NOME=Aqui o nome do remetente
URL=Aqui o endereço do blog do remetente
EMAIL=Aqui o e-mail do dito
MENSAGEM=E aqui a sua mensagem
Submit=Submeter

Os dados do visitante serão tudo que está mostrado em preto acima, e o resto, que não importa para o formulário, são os seus dados de e-mail, redirecionamento, e submissão de e-mail.

Agora você pode disponibilizar o formulário em sua página de contato facilmente. Não é fácil?

4 comentários:

Claudio Eduardo disse...

Ta dando erro :( ,"Method Not Allowed

Error 405"

Alberto disse...

Olá Cláudio. Este erro que você descreveu acontece quando se esquece de colocar o script no gadget HTML/Javascript, como descrito acima. Se mesmo assim você não conseguir, talvez seja o caso de apelar para um formulário grátis, que muitos sites por aí fornecem. Aqui está a postagem com a nova dica, para um formulário grátis do site Kontactr:

http://mestreblogger.blogspot.com/2008/12/formulario-de-email-kontactr.html

Claudio Eduardo disse...

Falou, obrigado pela atenção!! ^^

DRIVERS.BR disse...

ola nao deu certo deu o mesmo erro que o claudio disse por primeiro e eu colei o scrip sim, ele da erro na pagina pra ser enviada, tipo eu queria que enviasse o contato para o meu e-mail. so que clica enviar da pagina nao pode ser exibida

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: