Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Phillipi Paiva

Como enviar um formulário para o e-mail sem mudar o css?

Recommended Posts

Boa noite amigos webmasters, Sou designer, sei só o básico de html e css, o suficiente para editar alguns templates, tenho o seguinte formulário, e gostaria de direciona-lo para o meu e-mail, mais sem alterar a aparência do css. Desde já agradeço a ajuda. Grato Phillipi Paiva

 

Qualquer opinião, ou algo faltando só postar o/

 

<div class="column-460 contact-form contact-us-x">    
                   <form id="contact-form" method="post" action="#" enctype="application/x-www-form-urlencoded">
                       <label for="name">Nome *</label>
                                                   <input type="text" id="name" name="contact[name]" style="background-color:transparent;" />
                       <label for="name">E-mail *</label>
                       <input type="text" id="email" name="contact[email]" />
                       <label for="name">Assunto *</label>
                       <input type="text" id="subject" name="contact[subject]" />
                       <label for="name">Mensagem *</label>
                       <textarea id="message" name="contact[message]" cols="42" rows="7"></textarea>
                   </form>
                   <input type="button" id="submit-mail" value="SEND" />
                   <div id="mail-message">

                       <table>
                           <tr>
                               <td>
                                   <div id="mail-message-window">
                                       <div id="mail-message-header"></div>
                                       <p id="mail-failure">Unable to send your email!</p>
                                       <p id="invalid-email">Please enter valid email address!</p>
                                       <p id="empty-field">Please fill out all the fields in order to send us a message.</p>
                                       <p id="mail-success">Your email has been successfully sent to Aesthetica©DryThemes!</p>
                                       <input type="button" id="mail-message-btn" value="OK" />
                                   </div>
                               </td>
                           </tr>
                       </table>
                   </div>
               </div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso, enviar para o e-mail mesmo.

Então, para fazer isso você precisará usar PHP, ou então deverá abrir um programa no seu computador para depois clicar manualmente em enviar e logo após ter uma conta no hotmail, para depois enviar o e-mail...

 

Prefiro usar PHP para fazer isso, pois não gasta tanto tempo do usuário para enviar o e-mail, demora menos de 2 segundos para enviar, dependendo do seu servidor e da net no usuário.

 

Você vai usar PHP ou o segundo método? Responda e eu irei enviar o código... ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, ainda não sei nada de php, pode me mandar sim, e um minitutorial para aplicar no meu código :]

 

Obs: Se possível o/

 

Aqui está um código para pegar os dados dos campos, verificar se todos eles tem algum valor e enviar o email:

<?php
$nome = $_POST['nome'];
$email = $_POST['email'];
$assunto = $_POST['assunto'];
$mensagem = $_POST['mensagem'];


if(!empty($_POST['nome']) && !empty($_POST['email']) && !empty($_POST['assunto']) && !empty($_POST['mensagem'])) {

$msg = "<font face='Verdana' size='1'><b>Nome:</b>	\t$nome</font><br>";
$msg .= "<font face='Verdana' size='1'><b>E-Mail:</b>	\t$email</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Assunto:</b>	\t$assunto</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Mensagem:</b>	\t$mensagem</font><br>";

$mensagem = "$msg";
$remetente = $email;
$destinatario = "seu@email.com";
$assunto = "$assunto - By: $nick_habbo";
$headers = "From: ".$remetente."\nContent-type: text/html"; # o 'text/html' é o tipo mime da mensagem
if(!mail($destinatario,$assunto,$mensagem,$headers)){
print "falha no envio da mensagem";
} else {
echo "Olá " . $nome . ", formulário enviado com sucesso!";
}
} else {
echo "Você deixou 1 ou mais campos em branco!";
}
?>

 

Vou explicar o código...

Nessa parte:

$nome = $_POST['nome'];
$email = $_POST['email'];
$assunto = $_POST['assunto'];
$mensagem = $_POST['mensagem'];

pega o nome, email, assunto e mensagem, que foram enviados do formulário (OBS: No caso, o name dos campos do formulário precisam ser tipo isso: "name='nome'")

 

Nessa parte:

if(!empty($_POST['nome']) && !empty($_POST['email']) && !empty($_POST['assunto']) && !empty($_POST['mensagem'])) {

verifica se os campos nome, email, assunto e mensagem foram preenchidos corretamente, caso contrário o PHP pula para essa parte:

} else {
echo "Você deixou 1 ou mais campos em branco!";
}

que mostra uma mensagem na página.

 

Nessa parte:

$msg = "<font face='Verdana' size='1'><b>Nome:</b>	\t$nome</font><br>";
$msg .= "<font face='Verdana' size='1'><b>E-Mail:</b>	\t$email</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Assunto:</b>	\t$assunto</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Mensagem:</b>	\t$mensagem</font><br>";

a mensagem é estilizada e digitada para ser enviada ao e-mail.

 

Nessa parte:

$mensagem = "$msg";
$remetente = $email;
$destinatario = "seu@email.com";
$assunto = "$assunto - By: $nome";
$headers = "From: ".$remetente."\nContent-type: text/html"; # o 'text/html' é o tipo mime da mensagem

é definida a mensagem, e-mail do rementente, e-mail do destinário (e-mail para onde você quer enviar o e-mail), o assunto e as mensagens de cabeçalho (que não serão mostradas no e-mail).

(OBS: altere o que você achar necessário).

 

Nessa parte:

if(!mail($destinatario,$assunto,$mensagem,$headers)){
print "falha no envio da mensagem";
} else {
echo "Olá " . $nome . ", formulário enviado com sucesso!";
}

por fim, envia e verifica se o e-mail foi enviado corretamente. Se foi enviado vai mostrar uma mensagem de sucesso, caso contrário mostrará um erro.

----------------

 

Para hospedar o código, copie ele e salve com o formato .php

Exemplo: enviar.php

 

Altere o que achar necessário no código, se tiver dúvidas pergunte por MP ou pelo meu e-mail: jacques_lourenzo11@hotmail.com

 

Espero ter ajudado... ;)

 

----------------

PS: Ajudei? Clica no + ali do lado >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tem como clicar 7 vezes no + não né ? :\ Que Pena

VERY THANKS NEGO, você sabe agora o que é salvar a vida de uma pessoa, rapidinho, pra eu inserir esse código para funcionar meu site como é ?

 

Grato o/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tem como clicar 7 vezes no + não né ? :\ Que Pena

VERY THANKS NEGO, você sabe agora o que é salvar a vida de uma pessoa, rapidinho, pra eu inserir esse código para funcionar meu site como é ?

 

Grato o/

Acho que da pra dar + nos outros posts meus desse tópico

 

Não foi nada te ajudar, quando precisar to aí :D

 

Primeiro você copia o código que eu postei no post anterior, depois você abre o bloco de notas e cola o código, clica em Salvar e digita isso: "enviar.php" (recomendo digitar com as aspas, para não ocorrer nenhum erro de formato. Onde está escrito enviar você pode substituir para nome, 123, etc...). Por fim você vai precisar enviar/hospedar em um servidor/hospedagem online, tem muitas delas que são grátis e aceitam PHP...

Depois de hospedar é só você enviar o formulário HTML que, automaticamente, será enviado para o seu e-mail.

 

Algumas hospedagens grátis: http://www.000webhost.com/, http://www.freewebhostingarea.com/, http://www.atspace.co.uk/

 

Lembrando, qualquer coisa é só falar ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.