Hoje em dia, um bom site precisa de um bom funcionamento para agradar seus usuários. Em um site é de estrema importância o uso de um formulário de contato para que o internauta posso enviar dicas, sugestões, criticas, novas idéias e muito mais. Pensando nisso estou aqui para mostrar uma forma fácil e simples de implementar em seu site um formulário de contato que envia para o seu email as informações que o usuário digita.
Chega de papo furado e vamos ao nosso tutorial, começando com as tecnologias usadas: Para as paginas usaremos o PHP para enviar os dados dinamicamente e o CSS para posicionar e formatar a pagina. Nessa situação vamos usar o meu email fernando@portalxp.net. Você vai precisar de 1 único arquivo, index.php, para realizar todo o processo de envio. Vamos começar!
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><!–tipo de documento e validação–>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head><!–inicio do cabecalho–>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><!–charset: padrão utf-8, mas pode ser usado ISO-8859-1 depende da aplicação –>
<title>Formulario de Contato</title><!–Titulo da pagina–>
<style>
/* aqui é o inicio do CSS */
#contato{
margin:0 auto;/* define o posicionamento no centro */
padding:10px;/* define a distancia da margem para o conteúdo */
font-family:Georgia, “Times New Roman”, Times, serif;/* define o tipo de fonte a ser utilizado*/
font-size:14px;/* define o tamanho da fonte */
border:1px solid;/* borda a tela */
width:500px;/* define o tamanho da div contato */
}
#contato input{
height:25px;/*define a altura de cada input*/
background:#CCC;/*define a cor de fundo do input */
color:#0000ff;/*define a cor da fonte dentro do input */
}
#erro{
color:#F00;/*define a cor da mensagem de erro */
}
</style>
</head>
<body>
<?php
/*
Bom vamos entender o código com calma!
Primeiro verificamos se existem as variáveis do formulário.
*/
if(isset($_POST[enviar]) && !empty($_POST[nome]) && !empty($_POST[email]))
{
/*
Agora vamos verificar se existem dados nas variáveis
*/
if(empty($_POST[nome]) || empty($_POST[email])
{
//se não houver nada em uma das variáveis aparece a mensagem de erro
echo “<script>document.getElementById(‘erro’).innerHTML = ‘Existem Erros! Não é permitido campos em vazios!’; </script>”;
}
else
{
// se as variáveis estiverem corretas os dados para o envio serão preenchidos assim:
$destinatario=”fernando@portalxp.net”;//aqui vai o seu email, ou seja, o email de quem vai receber a mensagem
$assunto=”Formulário de contato do site!”;// aqui o assunto da mensagem
//aqui é o preenchimento do corpo da mensagem com os dados digitados
$texto=”Nome “.$_POST[nome].”\n”;
$texto.=”E-Mail “.$_POST[email].”\n”;
$texto.=”texto \n”.$_POST[texto];
//aqui são os dados do cabeçalho da mensagem exigido pela função
$cabecalho = “MIME-Version: 1.1\n”;
$cabecalho .= “Content-type: text/plain; charset=utf-8\n”;
$cabecalho .= “From: Seu Nome “. $destinatario .” \n”;
$cabecalho .= “Return-Path: Seu Nome “. $destinatario .” \n”;
//e por fim a função php que envia o email com todos os parâmetros
$envio = mail($destinatario, $assunto, $texto, $cabecalho);
}
//depois de enviada a mensagem vamos verificar se ela foi realmente enviada
if($envio)
{
//se foi enviada o usuário recebe uma mensagem de sucesso!
echo “<script>
alert(‘Seu contato foi enviado! Aguarde que estaremos entrando em contato! Obrigado’);
</script>”;
}
else
{
//se houver algum erro exibe mensagem de erro
echo “<script>
alert(‘Ocorreu um erro no envio! Tente novamente mais tarde! Obrigado’);
</script>”;
}
}
?>
<!–Aqui são os códigos do formulário–>
<div>
<form name=”formulario” method=”post” action=”#”>
<p> Nome<br />
<input type=”text” /></p>
<p>E-Mail<br /><input name=”e-mail” /></p>
<p>Dicas e Sugestões<br /><textarea cols=”45″ rows=”5″></textarea></p>
<p><input type=”submit” value=”Enviar” /><div></div></p>
</form>
</div>
</body>
</html>
Ta aí! Agora é só copiar e colar no seu arquivo de contato e lembre-se de salvar com extensão .php e colocar no seu servidor. Qualquer duvida comenta. Se você quiser o arquivo pronto deixa um comentário com seu email que eu mando! Até a próxima.
