Categories
Hosting Mailing PHP Programación Templates

Cómo enviar un email desde mi página web

Cómo enviar un email desde mi página web

Cómo enviar un email desde mi página web

Todo joven padawan de PHP en busca de convertirse en un Jedi master se ha preguntado ¿Cómo enviar un email desde mi página web?

Y es que enviar correos electrónicos desde una página WEB no solo nos sirve parar crear formularios online. También, podemos utilizarlos para otras herramientas como crear una landing page con formulario. Una herramienta muy utilizada por los marketers online; los stormtroopers de la WEB.

hosting php y wordpress

Hosting PHP y WordPress – Elegir Un Buen Hosting

Cómo enviar un email desde mi página web – Instalación libreria PHPMailer y plantilla de captura

En este post te voy a enseñar a instalar la librería PHP Mailer además de una plantilla para una landing page de captura. La verdad no importa si sabes de PHP y bastará con una idea básica de HTML o me atrevería a decir que sólo un poco de sentido común. Sin embargo, así como la debilidad de Obi Wan era la criptonita, la debilidad de este tutorial es que vas a tener que aprender a instalar un captacha; puedes esperara a mi tutorial.

Antes de empezar te comento de deberás contar con una cuenta de hosting que te proporcione un servidor SMTP; casi todos los proveedores lo dan. No obstante, voy a recomendarte HOSTINGER, porque además de dar un servicio bien chido, me ayuda a seguir trayendo este contenido. Así que como diría el hombre radiactivo ¡A darle átomos!

Configurar una landing page

Lo primero que hay que hacer es descargar la plantilla landing page en el siguiente enlace, aquí joven padawan. Esta plantilla, a parte de estar bien chula, tiene un par de formularios para obtener correos.

Una vez que hayas descargado la plantilla deberás ingresar a tu cuenta de hosting e ir al administrador de archivos. Yo tengo mi cuenta en hostinger, así que te mencionaré como llegar ahí desde esta plataforma:

Login / Hosting / Selecciona tu sitio (plan premium) / Administrador de Archivos:

plantillas landing page html5 gratis

Después de seleccionar el administrador de archivos, entramos a la carpeta public_HTML; podemos descargar los archivos ahí o en algún directorio que creemos.

Deberá verse algo así:

plantilla landing page html5

Deberás tener todas esas carpetas y archivos, salvo PHPMailer que es la que instalaremos después de terminar con la plantilla.

Cuando termines con esto, tu sitio deberá presentar esta plantilla html para capturar correos:

Ahora sí viene lo interesante, en el archivo index.html se encuentra toda la información que se presenta a la vista del usuario. En este punto, mi joven padawan, es donde tendrás que utilizar el poco HTML que aprendiste en otro lado o utilizar un poco de lógica y sentido común; las dos funcionan.

Primero que nada, todo el texto que tenga pinta de no ser técnico o estar incluido en la parte visual de plantilla, lo puedes sustituir por los tuyos. Segundo, la única parte técnica que deberás cambiar, para este tutorial, es … la línea 62 <<archivo index.html>>, dónde indicaremos el programa PHP para enviar correos.

Cómo enviar un email desde mi página web

En este caso asignaremos el valor a la propiedad action con el nombre del programa php <<enviar-correo.php>> . Guardamos y nos olvidamos de la plantilla para landing page.

Nota: La etiqueta input de la línea 64 tiene el nombre de email, este nombre <<email>> será el que utilizaremos en el programa PHP para recuperar el correo electrónico.

Configurar librería PHP para enviar correos

Vas a descargarte la librería PHPMailer de este link y subirla a la misma carpeta del administrador de archivos, en el mismo lugar donde subiste la plantilla para la landing page.

Debe verse algo así:

ormulario de contacto con phpmailer

A partir de este momento vamos a empezar a subir de dificultad, nada que una promesa Jedi de la WEB cómo tú no pueda manejar.

Crear un correo y obtener los datos SMTP de tu proveedor de Hosting

La ubicación de estos datos, dependerá de tu proveedor de hosting. No obstante, para el caso de la plataforma HOSTINGER, esta es la ruta:

Login / Hosting / Selecciona tu sitio (opción en plan premium) / Cuentas de Correo

capturar email html

Debes crear un correo, el cuál será el que utilizarás para hacer el envío de los datos recopilados desde el servidor a tu correo personal. Ademas, es el usuario SMTP para la configuración que haremos más adelante.

Una vez creado el correo, localizarás en la parte superior el apartado de <<E-mail details>>, el cual contiene la información SMTP.

Cómo enviar un email desde mi página web

Muy bien mi joven Padawan, si has llegado a este punto eres como uno de esos niños Jedis que asesinó Skywalker. Tienes potencial, pero todavía te podría hacer pedazos cualquier profesional Jedi de la WEB.

Crear el programa para envío de correo

Ahora tienes que crear el archivo enviar-correo.php, copiarás el script que a continuación te dejo y lo pegarás en tu archivo.

Observa como en la línea diez estamos obteniendo el valor del input con el nombre name, el cual contiene el correo electrónico que el usuario proporcionó:

$correo = $_REQUEST['email'];

Este es el último esfuerzo, así que ponte abusado y presta atención.

Con la información que obtuviste cambiaremos ciertos valores para poder hacer jalar esta marinola. A continuación, te dejo puntualmente lo que debes cambiar:

Dentro de las comillas pones el servidor de salida SMTP que obtuvimos arriba.
$mail->Host       = '';  

Dentro de las comillas pones el correo electrónico que creamos anteriormente.
$mail->Username   = '';                               

Dentro de las comillas pones la contraseña del correo electrónico que creamos anteriormente.
$mail->Password   = '';      

Aquí pones el puerto, este viene en la información SMTP, sólo que recorté la imagen para que no vieran mi info
$mail->Port  = 000   


Dentro de las primeras comillas pones el correo que creamos en el paso anterior, en las segundas el nombre de quien envía.
$mail->setFrom('', '');


Dentro de las primeras comillas pones el correo de quien recibe, en las segundas el nombre de quien recibe.
$mail->addAddress('', '');

Dentro de las comillas pones el tema 
$mail->Subject = 'Correo desde tu landing page';

El resultado de esto será que cuando un usuario deje su correo electrónico, este será enviado al tuyo.

Aquí puedes ver el ejemplo de la plantilla.

Y con esto has concluido el ejercicio, si llegaste hasta aquí podría decir que eres un stormtrooper capaz de seguir instrucciones al pié de la letra. Caso contrario, utiliza un plug un wordpress; lo veremos en otro post.

Por el momento disfruta ver como no necesitaste los servicios de páginas como Get Response o esas madres.

Así que newbe ¡ Que la WEB te acompañe !

Leave a Reply

Your email address will not be published. Required fields are marked *