Cómo enviar correos electrónicos en HTML

Guarda el HTML en un archivo. En la mayoría de sitios web generadores de HTML, deberás hacerlo haciendo clic en el botón "Guardar" o "Descargar" y siguiendo las instrucciones en pantalla. Si vas a usar el editor de texto predeterminado en una computadora Windows o Mac (Bloc de notas o TextEdit, respectivamente), puedes guardar el HTML en un archivo haciendo lo siguiente:

• Windows: haz clic en Archivo, haz clic en Guardar como, introduce un nombre seguido de . html (por ejemplo, "file.html"), haz clic en el cuadro desplegable "Guardar como tipo", haz clic en Todos los archivos, y haz clic en Guardar.
• Mac: haz clic en Formato, haz clic en Solo texto, haz clic en Aceptar cuando se te lo solicite, haz clic en Archivo, haz clic en Guardar, haz clic en la flecha hacia abajo a la derecha del campo "Nombre", desmarca la casilla "Ocultar extensión", reemplaza la parte ".txt" del nombre por ".html", haz clic en Guardar, y haz clic en Usar.html cuando se te lo solicite.

Abre el archivo en un navegador. Haz doble clic en el archivo HTML para abrirlo en el navegador web predeterminado de tu computadora.

• También puedes abrir tu navegador web preferido y luego hacer clic y arrastrar el archivo HTML en la ventana del navegador.

Copia el contenido. Haz clic y arrastra el cursor del ratón a lo largo y abajo de la página HTML hasta que todo esté seleccionado, a continuación, presiona Ctrl+C (Windows) o Comando+C (Mac).

• También puedes hacer clic en cualquier lugar de la página y luego presionar Ctrl+A o Comando+A para resaltar toda la página, pero esto puede hacer que resaltes componentes de la página que no desees incluir.

Abre un nuevo correo electrónico en tu bandeja de entrada preferida. Gmail, Outlook, Apple Mail y Yahoo admiten el envío de correos electrónicos HTML:

• Gmail: dirígete a https://www.gmail.com/ e inicia sesión si es necesario, a continuación, haz clic en REDACTAR.
• Outlook: dirígete a https://www.outlook.com/ e inicia sesión si es necesario, a continuación, haz clic en Nuevo mensaje.
• Apple Mail: dirígete a https://www.icloud.com/#mail e inicia sesión, luego, haz clic en
  

  {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/f\/ff\/Iphonequick_compose.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/ff\/Iphonequick_compose.png\/30px-Iphonequick_compose.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  .
• Yahoo: dirígete a https://www.yahoo.com/mail e inicia sesión si es necesario, a continuación, haz clic en Redactar.

Habilita los correos electrónicos HTML si usas Outlook. Mientras que Gmail, Yahoo, y Apple Mail tienen habilitado el código HTML para los correos electrónicos por defecto, es posible que tengas que permitir el envío de HTML si usas la versión web de Outlook:

• Haz clic en el ícono con forma de engranaje "Configuración"
  

  {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/3\/30\/IE11settings.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/30\/IE11settings.png\/30px-IE11settings.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  en la esquina superior derecha de la bandeja de entrada.
• Desplázate hacia abajo y haz clic en Mostrar la configuración completa.
• Haz clic en la pestaña Correo.
• Haz clic en Redactar y responder.
• Haz clic en el cuadro desplegable "Solo texto" en la parte inferior de la ventana (si este cuadro dice "HTML", Outlook ya admite correos electrónicos HTML).
• Haz clic en HTML.
• Haz clic en Guardar, y luego sal del menú.

Añade un destinatario y un sujeto. Escribe la dirección de correo electrónico de un destinatario en el cuadro de texto "Para" en la parte superior de la ventana "Redactar", luego añade un tema en el cuadro de texto debajo de él.

Pega el contenido. Haz clic en el cuadro de texto principal en la ventana "Redactar", luego presiona Ctrl+V (Windows) o Comando+V (Mac). El contenido de la página HTML aparecerá en el correo electrónico exactamente como se le haya formateado en la página HTML.

Envía el correo electrónico. Haz clic en el botón Enviar en la ventana "Redactar" para hacerlo. El(los) destinatario(s) recibirá(n) la página HTML como un correo electrónico.

Copia el cuerpo del texto del correo HTML. Si no puedes abrir el archivo HTML en tu navegador por alguna razón, copiar el cuerpo del texto del código HTML y pegarlo en el código fuente de tu correo electrónico también funcionará siempre y cuando uses Gmail en Google Chrome.

• Necesitarás copiar todo el cuerpo del texto incluyendo las etiquetas "<body>" and "</body>" aunque Gmail cubrirá el tipo de documento y las etiquetas HTML en sí, de modo que no es necesario copiarlos.

Abre

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/c\/cd\/Android7chrome.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cd\/Android7chrome.png\/30px-Android7chrome.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Google Chrome. Este es el único navegador en el que se puede pegar con éxito el código HTML en el correo electrónico de Gmail.

Abre Gmail. Dirígete a https://www.gmail.com/ en la barra de direcciones de Chrome, a continuación, introduce tu dirección de correo electrónico y contraseña si se te pide que inicies sesión.

Haz clic en REDACTAR. Está en la esquina superior izquierda de la ventana de Gmail. Una ventana emergente aparecerá en el centro de la ventana de Gmail.

• Si usas la nueva versión de Gmail, en este punto deberás hacer clic en Redactar.

Añade un destinatario y un asunto. Escribe la dirección de correo electrónico de un destinatario en el cuadro de texto "Para" en la parte superior de la ventana "Redactar", luego añade un asunto en el cuadro de texto debajo de él.

Introduce el texto del marcador de posición. En la sección principal de la ventana "Redactar", escribe una cadena de asteriscos, ceros u otro texto igualmente distinguible. Esto te ayudará a encontrar la ubicación necesaria en el código fuente.

Abre una ventana de "Inspeccionar". Selecciona el texto del marcador de posición, luego haz clic derecho (o haz clic y presiona Control en una Mac) en el texto y haz clic en Inspeccionar en el menú desplegable resultante. Aparecerá una ventana emergente en el lado derecho de la página.

Abre el código seleccionado para editarlo. Haz clic derecho (o haz clic y presiona Control en una Mac) en el código resaltado en azul en la parte superior de la ventana emergente, a continuación, haz clic en Editar como HTML en el menú desplegable resultante.

Busca el texto del marcador de posición, luego selecciónalo. Desplázate hacia abajo hasta que encuentres el texto del marcador de posición que has introducido en el correo electrónico, luego haz clic y arrastra el cursor del ratón a través del texto del marcador de posición.

• Asegúrate de no seleccionar nada a la izquierda o derecha del texto de marcador de posición.

Pega el código HTML. Presiona Ctrl+V (Windows) o Comando+V (Mac) para hacerlo. Verás el código HTML de tu proyecto en la ventana.

Sal del menú emergente. Haz clic en la X en la esquina superior derecha de la ventana emergente "Inspeccionar" para cerrarla.