Enviar e-mail con formato html mendiante PHPMailer - Parte 1 Este metodo se basa en la creacion de 3 archivos: dos HTML y un PHP.
El funcionamiento será el siguiente:
El HTML (sugerencias.html) va a contener un formulario, el cual llenara el usuario y una vez que de click en el boton enviar, todos los datos seran procesados por el archivo PHP (sugerencias_send.php) y este se encargará de enviar el e-mail en formato html. Una vez enviado el correo nos redirigira a un segundo HTML (sugerencias_enviadas.html) en el cual se mostrara un mensaje de que el e-mail se envio correctamente, y al oprimir el boton de aceptar nos volvera a enviar al primer archivo: sugerencias.html.
Bueno, una vez explicado cual va a ser el funcionamiento, vayamos a los pasos a seguir:
Paso 1:
Descargar la libreria PHPMailer; esto lo podremos hacer desde su [URL="http://phpmailer.worxware.com/index.php?pg=sf&p=dl"]pagina oficial[/URL], en la cual hay descargas tanto para PHP4 como para PHP5/6.
Para efectos de este ejemplo se utilizara la version para [URL="http://sourceforge.net/projects/phpmailer/files/phpmailer%20for%20php4/PHPMailer%20v2.0.4%20for%20PHP4/PHPMailer_v2.0.4.zip/download"]PHP4 [/URL].
Una vez descargado tendremos un archivo .zip (PHPMailer_v2.0.4.zip) el cual contendra una carperta del mismo nombre; dentro de esta veremos varios archivos, pero el que nos interesa en este caso es el llamado: class.phpmailer.php el cual colocaremos en la raiz de la carpeta donde pondremos nuestros demas archivos web.
Hecho esto procederemos a la creacion de los archivos HTML y PHP.
Paso 2:
Creamos el primer archivo HTML llamado sugerencias.html, el cual contendra un formulario que pedira al usuario llenar ciertos datos:
Código:
En todo este codigo la parte mas importante es la que contiene el form, llamada: action="sugerencias_send.php", ya que todos los datos que se recauden en el formulario van a ser enviados al archivo sugerencias_send.php. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulario de sugerencias</title>
</head>
<body>
<form id="sugerencias" name="sugerencias" method="post" action="sugerencias_send.php" enctype="multipart/form-data">
<table width="637" border="0">
<tr>
<td width="216" style="font-size: 20px"><span style="color: #000; text-align: left;">Nombre</span>:</td>
<td width="359"><span id="sprytextfield1">
<label>
<input type="text" name="nombre" id="nombre" />
</label>
</span></td>
<td width="48"> </td>
</tr>
<tr>
<td style="font-size: 20px; color: #000; text-align: left;">Apellido Paterno:</td>
<td><span id="sprytextfield2">
<label>
<input type="text" name="ap_pat" id="ap_pat" />
</label>
</span></td>
<td> </td>
</tr>
<tr>
<td style="font-size: 20px; color: #000;">Apellido Materno:</td>
<td><span id="sprytextfield3">
<label>
<input type="text" name="ap_mat" id="ap_mat" />
</label>
</span></td>
<td> </td>
</tr>
<tr>
<td style="font-size: 20px; color: #000;">Ciudad:</td>
<td><span id="sprytextfield4">
<label>
<input type="text" name="ciudad" id="ciudad" />
</label>
</span></td>
<td> </td>
</tr>
<tr>
<td style="font-size: 20px; color: #000;">Correo electrónico:</td>
<td><span id="sprytextfield5">
<label>
<input type="text" name="email" id="email" />
</label>
</span></td>
<td> </td>
</tr>
<tr>
<td style="font-size: 20px; color: #000;">Sugerencias:</td>
<td><span id="sprytextarea1">
<label>
<textarea name="sugerencias" id="sugerencias" cols="45" rows="5"></textarea>
</label>
</span></td>
<td> </td>
</tr>
<tr>
<td style="font-size: 20px"> </td>
<td><label>
<input type="submit" name="enviar" id="enviar" value="Enviar sugerencias" />
</label></td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
