Formulário de contato é algo que todos os sites devem ter, por isso vou demonstrar um jeito bem simples de se fazer um.
Vão ser criados dois arquivos: contato.html e enviar.php. Como temos um arquivo .php é necessário que seu servidor tenha suporte a esse tipo de arquivo.
O contato.html, é onde teremos o formulário, onde a pessoa irá digitar os dados. Teremos os campos para nome, email, assunto e mensagem.
contato.html:
Esse código é extremamente simples, a tag <form> é para quando queremos criar um formulário, suas definições 'action' e 'method' são respectivamente para onde irão os dados digitados no formulário e o método usado para envia-los.
A tag <label> não é essencial para o código, ele apensar dará um titulo ao campo.
O <input> é o campo onde será digitados os dados, menos a mensagem que entrara em uma <textarea>.
O botão, é um <input> mas com 'submit' no valor de 'type'. Ficando assim:
< input type="submit" / >.
A tag <br /> faz com que seja pulada uma linha.
O nome e id dos atributos devem ser preenchidos de acordo com o que se trata, como em nome, que tem os atributos nome e id, 'nome'.
Todos essas informações serão enviadas para o arquivo enviar.php, pelo método post, que ira os receber e enviar para o email que será configurado.
enviar.php:
Nesse código, primeiro ele recebe os dados dos input e da textarea, pelo metodo post, e atribui esses valores as variáveis, nome, email, assunto e mensagem, respectivamente. Isso nas linhas 2, 3, 4 e 5 do código.
Nas linhas 7 é definido o email para onde os dados serão enviados. Como o email de contato da empresa. E na linha 8 é definido o formato em que eles irão chegar.
Da linha 10 à 13, fazemos uma concatenação dos dados. O que seria como juntar tudo e colocar apenas em uma variável. Então colocamos as variáveis nome, email, assunto e mensagem, que estão com os dados desses campos, na variável 'msg'.
E também, antes das variáveis, tem um titulo, como Nome, Email etc.
Então, na variável 'msg' está tudo isso.
obs: Logo depois das variáveis tem uma tag <br>, porem tive que colocar um espaço, ficando
< br>, para não ser reconhecida como tag.
A função 'mail', é da biblioteca php, sua sintaxe é a seguinte: "mail(destinatario, assunto, mensagem)". Vamos adicionar o parâmetro 'from', para definir o email que foi usado para contato. Essa parte é encontrada na linha 15.
Na ultima parte do código, da linha 17 à 21, fazemos uma condição para exibir uma mensagem caso ocorra erro, ou sucesso.
Como a função 'mail' retorna o valor 'TRUE' ou 'FALSE', basta colocar a variável no 'if', e, caso seja enviado, o if ira executar o comando, caso contrario, o 'else' entrará em ação e mostrará sua mensagem.
Em um próximo post vou mostrar como configurar o estilo do formulário, para deixa-lo com uma melhor aparência.
Download dos arquivos.
Vão ser criados dois arquivos: contato.html e enviar.php. Como temos um arquivo .php é necessário que seu servidor tenha suporte a esse tipo de arquivo.
O contato.html, é onde teremos o formulário, onde a pessoa irá digitar os dados. Teremos os campos para nome, email, assunto e mensagem.
contato.html:
<form action="enviar.php" method="post"> <label for="nome">Nome</label> <input name="nome" type="text" id="nome"/> <br /> <label for="email">E-mail</label> <input name="email" type="text" id="email" /> <br /> <label for="assunto">Assunto</label> <input name="assunto" type="text" id="assunto" /> <br /> <label for="mensagem">Mensagem</label> <textarea name="mensagem" id="mensagem" ></textarea> <br /> <input type="submit" value="Enviar" /> </form>
Esse código é extremamente simples, a tag <form> é para quando queremos criar um formulário, suas definições 'action' e 'method' são respectivamente para onde irão os dados digitados no formulário e o método usado para envia-los.
A tag <label> não é essencial para o código, ele apensar dará um titulo ao campo.
O <input> é o campo onde será digitados os dados, menos a mensagem que entrara em uma <textarea>.
O botão, é um <input> mas com 'submit' no valor de 'type'. Ficando assim:
< input type="submit" / >.
A tag <br /> faz com que seja pulada uma linha.
O nome e id dos atributos devem ser preenchidos de acordo com o que se trata, como em nome, que tem os atributos nome e id, 'nome'.
Todos essas informações serão enviadas para o arquivo enviar.php, pelo método post, que ira os receber e enviar para o email que será configurado.
enviar.php:
<?
$nome = $_POST['nome'];
$email = $_POST['email'];
$assunto = $_POST['assunto'];
$mensagem = $_POST['mensagem'];
$destinatario = "seuemail@dominio.com";
$formato = "\nContent-type: text/html\n";
$msg .= "Nome: $nome< br>";
$msg .= "Email: $email< br>";
$msg .= "Assunto: $assunto< br>";
$msg .= "Mensagem: $mensagem< br>";
mail("$destinatario","Titulo da Mensagem","$msg","from: ".$email.$formato);
if($enviar) {
echo "<script type='text/javascript'> alert('Enviado com Sucesso!'); window.location.href='contato.html'; </script>";
else
echo "<script type='text/javascript'> alert('Ocorreu algum erro ao enviar o formulário'); </script>";
}
?>
Nesse código, primeiro ele recebe os dados dos input e da textarea, pelo metodo post, e atribui esses valores as variáveis, nome, email, assunto e mensagem, respectivamente. Isso nas linhas 2, 3, 4 e 5 do código.
Nas linhas 7 é definido o email para onde os dados serão enviados. Como o email de contato da empresa. E na linha 8 é definido o formato em que eles irão chegar.
Da linha 10 à 13, fazemos uma concatenação dos dados. O que seria como juntar tudo e colocar apenas em uma variável. Então colocamos as variáveis nome, email, assunto e mensagem, que estão com os dados desses campos, na variável 'msg'.
E também, antes das variáveis, tem um titulo, como Nome, Email etc.
Então, na variável 'msg' está tudo isso.
obs: Logo depois das variáveis tem uma tag <br>, porem tive que colocar um espaço, ficando
< br>, para não ser reconhecida como tag.
A função 'mail', é da biblioteca php, sua sintaxe é a seguinte: "mail(destinatario, assunto, mensagem)". Vamos adicionar o parâmetro 'from', para definir o email que foi usado para contato. Essa parte é encontrada na linha 15.
Na ultima parte do código, da linha 17 à 21, fazemos uma condição para exibir uma mensagem caso ocorra erro, ou sucesso.
Como a função 'mail' retorna o valor 'TRUE' ou 'FALSE', basta colocar a variável no 'if', e, caso seja enviado, o if ira executar o comando, caso contrario, o 'else' entrará em ação e mostrará sua mensagem.
Em um próximo post vou mostrar como configurar o estilo do formulário, para deixa-lo com uma melhor aparência.
Download dos arquivos.
Blogger Comment
Facebook Comment