Cómo convertir una página HTML en correo electrónico

Su página Web de lenguaje de marcado de hipertexto (HTML) contiene el diseño que prefiera. Considere recrear esta pantalla en un mensaje de correo electrónico para promover una apariencia más personalizada y profesional. A menudo es confuso tratar de determinar cómo realizar esta tarea, afortunadamente, hay soluciones HTML disponibles. Usando la aplicación de edición de texto que viene con su computadora y su programa de correo electrónico, convierta un documento HTML existente en un mensaje de correo electrónico que sus destinatarios puedan ver correctamente.

Paso 1

Inicie su aplicación de edición de texto y abra su página HTML. Además, cree un nuevo archivo HTML.

Paso 2

Asegúrese de que su página HTML contenga URL absolutas, que son las direcciones web completas. Por ejemplo, "nombre_carpeta/imagen.jpg" no puede aparecer en el correo electrónico, pero "http://www.sudominio.com/nombre_carpeta/imagen.jpg" sí.

Paso 3

Introduzca el código en el nuevo archivo que crea una tabla. Cree un diseño básico de una fila y una columna de la siguiente manera:

Una tabla actúa como contenedor para el contenido de su página HTML para que se vea correctamente en un mensaje de correo electrónico.

Paso 4

Copie el contenido de su página HTML existente y péguelo entre "

" etiquetas de datos de tabla. Si necesita una columna adicional para distinguir entre el lado izquierdo y derecho de la página, ingrese otro conjunto de etiquetas de datos de tabla después del conjunto original. Por ejemplo: Contenido de la columna izquierda Contenido de la columna derecha

Paso 5

Inserte cualquier estilo en línea para formatear el contenido, como prefiera. Los estilos en línea reemplazan las hojas de estilo en cascada (CSS) existentes porque es más probable que se muestren (procesen) correctamente en un programa de correo electrónico. Por ejemplo, asigne el tamaño de fuente, el color y el tipo a un párrafo de la siguiente manera:

El texto de tu párrafo aquí

Paso 6

Guarde su archivo y coloque este documento en su servidor web. Si no tiene un host, use un servicio gratuito como FileFactory o MediaFire y tome nota de la dirección URL después de que termine de cargar su archivo (ver Recursos).

Paso 7

Cree un nuevo mensaje de correo electrónico. Use el menú "Insertar" en la mayoría de los programas para insertar el archivo HTML en el cuerpo del correo electrónico. De lo contrario, para Mac OS X Mail, escriba la dirección URL del Paso 4 en su navegador web Safari y presione los botones "Comando" e "I" en su teclado para cargar automáticamente el HTML en el mensaje.

Consejo

Envíese una copia de su mensaje de correo electrónico HTML para asegurarse de que la visualización se vea bien antes de enviárselo a otras personas.

Advertencia

No incluya nada más allá de HTML, como javascript o flash, en un mensaje de correo electrónico porque la mayoría de los destinatarios no podrán ver su nota correctamente.