Consejos
para personalizar las plantillas de correo electrónico
Personalización del código fuente HTML
Codepen es una gran herramienta gratuita para editar HTML y otros lenguajes web. Una vez que hayas creado una cuenta gratuita y hayas hecho clic en el enlace a una de las plantillas de correo electrónico, accederás a una página parecida a esta:
En primer lugar, haz clic en el botón "Fork" de la parte superior derecha de la ventana para hacer una copia de la plantilla que puedas editar.
Tendrás que editar el código fuente HTML para cambiar el contenido del correo electrónico. Sin embargo, como todos los clientes de correo electrónico (como Gmail, Outlook y Apple Mail) tratan los correos electrónicos de forma un poco diferente, no debes cambiar la estructura del correo electrónico o podría no funcionar. El contenido que querrás cambiar es el texto, ya sea insertando el nombre de tu región, el correo electrónico y otra información relevante o traduciéndolo todo.
Personalizar el texto dentro del HTML es bastante sencillo, una vez que sabes cómo localizarlo. En Codepen, todo el texto que se muestra en el correo electrónico es blanco. Por ejemplo, si está utilizando la plantilla que se muestra, tendría que personalizar la línea en blanco aquí para reflejar el nombre de su región:
Una vez que hayas personalizado todo el texto del correo electrónico, tendrás que asegurarte de cambiar cualquier contenido con hipervínculos. Puedes mirar la vista previa del correo electrónico para ayudarte a localizarlos, a menudo botones y contactos de correo electrónico. En el código fuente, aparecerán como:
<a href="URL">some text</a>
Por ejemplo, el enlace que aparece a continuación debe cambiarse por la URL de una página web de confirmación de asistencia a un evento:
Y es necesario cambiar esta información de contacto para reflejar mi dirección de correo electrónico, así como la página web de RSVP. Tenga en cuenta que hay que cambiar dos URL distintas en la línea resaltada:
Una vez que hayas terminado, estarás listo para exportar el HTML. Para ello, haz clic en el botón de exportación situado en la parte inferior derecha de la ventana y, a continuación, selecciona "Exportar .zip":
Ya está. Ahora está listo para probar su correo electrónico y enviarlo.
Insertar su HTML en el cuerpo de un correo electrónico
Insertar su código HTML en el cuerpo de un correo electrónico
La mayoría de los clientes de correo electrónico no muestran el código HTML que se inserta directamente en el cuerpo del mensaje. Tendrás que abrir el mensaje en un navegador, copiar el contenido de la ventana del navegador y pegarlo en el mensaje. He aquí cómo hacerlo:
Paso 1 Para abrir el HTML en tu navegador, simplemente haz doble clic en el archivo HTML que has exportado (puede que tengas que descomprimir el archivo primero). Debería abrirse automáticamente en su navegador, o puede hacer clic con el botón derecho y seleccionar "Abrir con", y luego seleccionar su navegador web:
Paso 2 Una vez abierto el HTML en el navegador, haga clic en Editar > Seleccionar todo.
A continuación, haga clic en Edición > Copiar:
Ahora, pégalo en el cuerpo de tu correo electrónico, ¡y envíalo!
Recuerda que siempre debes probar tu correo electrónico antes de enviarlo a tus contactos. La mejor práctica es probarlo en varios clientes de correo electrónico, por lo que es posible que desee crear cuentas de prueba para este fin.
Technovation es un programa de Iridiscenteuna organización sin ánimo de lucro 501c3. Iridescent crea e imparte una potente formación en ciencia, ingeniería y tecnología para ayudar a los jóvenes desfavorecidos a desarrollar su curiosidad, creatividad y perseverancia.