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

Su página web en HyperText Markup Language (HTML) contiene el diseño que prefiere. Considere recrear esta visualización en un mensaje de correo para promover una apariencia más personalizada y profesional. A menudo es confuso determinar cómo lograr esta tarea; afortunadamente, existen soluciones alternativas para HTML. Usando la aplicación de editor de texto que viene con su computadora y su programa de correo, convierta un documento HTML existente en un mensaje de correo que sus destinatarios puedan ver correctamente.

Paso 1: Abrir editor de texto

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

Paso 2: Usar URLs absolutas

Asegúrese de que su página HTML contenga URLs absolutas, que son las direcciones web completas. Por ejemplo, "carpeta/imagen.jpg" no se mostrará en el correo, pero "https://www.sudominio.com/carpeta/imagen.jpg" sí puede.

Paso 3: Crear tabla contenedora

Ingrese el código en el nuevo archivo que crea una tabla. Cree un diseño básico de una fila, una columna como sigue: <table><tr><td></td></tr></table>

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

Paso 4: Insertar contenido HTML

Copie el contenido de su página HTML existente y péguelo entre las etiquetas de datos de tabla <td></td>. Si requiere 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 original. Por ejemplo: <tr><td>Contenido columna izquierda</td><td>Contenido columna derecha</td></tr>

Paso 5: Aplicar estilos en línea

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 son los más probables de mostrarse (renderizarse) correctamente en un programa de correo. Por ejemplo, asigne tamaño, color y tipo de fuente a un párrafo como sigue: <p style="color:#00f;font-family:arial,helvetica,sans-serif;font-size:14px">Su texto aquí</p>

Paso 6: Subir archivo a servidor web

Guarde su archivo y coloque este documento en su host 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 terminar de subir su archivo (ver Recursos).

Paso 7: Insertar en correo electrónico

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

Consejo

Advertencia

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