Inserción de un formulario de contacto

Aquí dejo el código para insertar un sencillo formulario de contacto en nuestra web

 

<?php
$remitente = $_POST[‘email’];
$destinatario = ‘email@email.com’; // en esta línea va el mail del destinatario.
$asunto = ‘Consulta’; // encabezado del email
if (!$_POST){
?>

<?php
}else{

$cuerpo = «Nombre y apellido: » . $_POST[«nombre»] . «\r\n»;
$cuerpo .= «Email: » . $_POST[«email»] . «\r\n»;
$cuerpo .= «Consulta: » . $_POST[«consulta»] . «\r\n»;
//las líneas de arriba definen el contenido del mail. Las palabras que están dentro de $_POST[«»] deben coincidir con el «name» de cada campo.
// Si se agrega un campo al formulario, hay que agregarlo aquí.

$headers = «MIME-Version: 1.0\n»;
$headers .= «Content-type: text/plain; charset=utf-8\n»;
$headers .= «X-Priority: 3\n»;
$headers .= «X-MSMail-Priority: Normal\n»;
$headers .= «X-Mailer: php\n»;
$headers .= «From: \»».$_POST[‘nombre’].» «.$_POST[‘apellido’].»\» <«.$remitente.»>\n»;

mail($destinatario, $asunto, $cuerpo, $headers);

include ‘confirma.html’; //se  referencia a un html que confirma el envío
}
?>

 

el código de arriba se debe guardar en un archivo llamado envia.php y subido al servidor.

dentro de la misma carpeta del servidor hay que guardar el siguiente archivo: confirma.html con el siguiente código, el sript php realiza una llamada al archivo y lo muestra una vez que el mensaje ha sido enviado correctamente

<!DOCTYPE HTML>
<html lang=»es»>
<head>
<meta charset=»utf-8″/>
<title>Formulario</title>
</head>

<body>
Gracias por comunicarse, su mensaje fue enviado correctamente
</body>
</html>

el siguiente código debe copiarse y pegarse dentro de un archivo .html , es la parte que ve el usuario.

<html lang=»es»>
<head>
<meta charset=»utf-8″/>
<title>Formulario</title>
<link href=»styles.css» rel=»stylesheet»>
<link href=’https://fonts.googleapis.com/css?family=Source+Sans+Pro:400′ rel=’stylesheet’ type=’text/css’>
</head>

<body>

<!– formulario de contacto –>

<form action=»envia.php» method=»post» class=»form-consulta»>
<label>Nombre y apellido: <span>*</span>
<input type=»text» name=»nombre» placeholder=»Nombre y apellido» class=»campo-form» required>
</label>

<label>Email: <span>*</span>
<input type=»email» name=»email» placeholder=»Email» class=»campo-form» required>
</label>

<label>Consulta:
<textarea name=»consulta» class=»campo-form»></textarea>
</label>

<input type=»submit» value=»Enviar» class=»btn-form»>
</form>

<!– formulario –>

</body>
</html>