|
Este Formulário pode ser inserido em qualquer blog ou site.
Meu blog usa esse formulário.
Como instalar
Copie o código HTML abaixo cole no bloco de notas e salve como contato.html (esse código vai gerar o Formulário )
<html><head><script language="JavaScript">
function validaForm(){
//validar nome
d = document.cadastro;
if (d.nome.value == ""){
alert("O campo Nome deve ser preenchido!");
d.nome.focus();
return false;
}
if (d.email.value == ""){
alert("O campo Email deve ser preenchido!");
d.email.focus();
return false;
}
if (d.assunto.value == ""){
alert("O campo Assunto deve ser preenchido!");
d.assunto.focus();
return false;
}
if (d.mensagem.value == ""){
alert("O campo Mensagem deve ser preenchido!");
d.mensagem.focus();
return false; }
return true;}
</script>
</head>
<body>
<form name="cadastro" action="enviar.php" method="post" onSubmit="return validaForm()">
<input type="hidden">
<!-- e-mail do destinatario -->
<center>
<table width="257" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="257"><span class="style1">*</span>Nome:<br>
<input type="text" size="52" name="nome" value=""></td> </tr> <tr>
<td><span class="style1">*</span>E-mail:<br> <input type="text" size="52" name="email" value=""></td> </tr> <tr>
<td><span class="style1">*</span>Assunto:<br>
<input type="text" size="52" name="assunto" value=""></td> </tr>
<tr>
<td><span class="style1"></span>Site/Blog:<br>
<input type="text" size="52" name="blog" value=""></td> </tr>
<tr>
<td><span class="style1">*</span>Mensagem:<br> <textarea cols="40" rows="10" name="mensagem"></textarea> </td> </tr> <tr>
<td><i style="text-align: right;" align="right">*campo obrigatório <input name="reset" type="reset" value=" Limpar "> <input name="submit" type="submit" value=" Enviar "> </i></td> </tr>
<tr>
<td> </td> </tr> </table> </center> </form>
</body></html>
Agora copie o código PHP e cole no bloco de notas e salve como enviar.php (esse código é quem envia a mensagem)
Substitua o que esta em vermelho incluindo seus dados.
<?
##########################################################
///////////////////////////////////////////////////// ###
/// Autor: Mateus Campos //// ###
/// E-mail: mateuscampos@globo.com //// ###
/// Site: www.centralwarez.com //// ###
/// Msn: mateus@centralwarez.com //// ###
/// Obs: favor não retirar os nossos créditos!!! //// ###
///////////////////////////////////////////////////// ###
##########################################################
// aqui começa o script
//pega as variaveis por POST
$nome = $_POST["nome"];$site = $_POST["blog"];$email = $_POST["email"];$fone = $_POST["fone"];$assunto = $_POST["assunto"];
$mensagem = $_POST["mensagem"];
global $email; //função para validar a variável $email no script todo
$data = date("d/m/y"); //função para pegar a data de envio do e-mail
$ip = $_SERVER['REMOTE_ADDR']; //função para pegar o ip do usuário
$navegador = $_SERVER['HTTP_USER_AGENT']; //função para pegar o navegador do visitante
$hora = date("H:i"); //para pegar a hora com a função date
//aqui envia o e-mail para você
mail ("seu-email@site.com ", //email aonde o php vai enviar os dados do form
"$assunto",
"Nome: $nome\nSite/Blog: $site\nE-mail: $email\n\nMensagem: $mensagem",
"From: $email"
);
//aqui são as configurações para enviar o e-mail para o visitante
$site = "seu-email@site.com"; //o e-mail que aparecerá na caixa postal do visitante
$titulo = "seu site aqui - Email recebido"; //titulo da mensagem enviada para o visitante
$msg = "$nome, obrigado por entrar em contato conosco, em breve entraremos em contato";
//aqui envia o e-mail de auto-resposta para o visitante
mail("$email",
"$titulo",
"$msg",
"From: $site"
);
echo "<p align=center>$nome, sua mensagem foi enviada com sucesso!</p>";
echo "<p align=center>Estaremos retornando em breve.</p>";
?>
Hospede os arquivos contato.html e enviar.php num site de hospedagem que suporte php, existem vários sites grátis disponíveis na net,
Depois de hospedado os arquivos você vai criar uma nova pagina no seu blog e inserir esse código.
<div align="center"><iframe name="" sites="" src="http://site-onde-foi-hospedado-os-arquivos-do-formulario/contato.html" width="550" frameborder="0" height="480" scrolling="auto"></iframe></div>
Caso seja necessário alterar os valores em vermelho para mais ou para menos para ajustar a sua pagina.
Pronto se você fez tudo certo seu formulário de contato esta pronto.
Duvidas, deixe um comentário.
Nenhum comentário:
Postar um comentário