7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Email

¿Qué es un Email HTML?

Scroll to top
Read Time: 5 mins

Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)

En esta explicación rápida, despejaré cualquier duda o pregunta que tengas acerca de los emails HTML, cómo crearlos y cómo mandarlos.

¿Qué es un Email HTML?

Tu programa o servicio de email puede enviar y recibir correos en dos formatos: texto planto y HTML. El texto plano no cuenta con ningún tipo de formato, ni siquiera negritas o cursivas. Técnicamente, si un correo tiene cualquier tipo de estilo como texto en negritas, fuentes distintas, colores o fondos, entonces en un correo HTML.

Un correo HTML cuenta con un estiloUn correo HTML cuenta con un estiloUn correo HTML cuenta con un estilo

Un correo HTML cuenta con un estilo

Cuando la gente habla de un email HMTL, generalmente se refiere a correos electrónicos especialmente diseñados o de marketing. Estos se crean usando lenguajes de programación al igual que los que se emplean en sitios web: HTML y CSS.

¿Alguna vez has recibido un mensaje promocional diseñado especialmente o un newsletter en tu bandeja de entrada?¿Te has preguntado cómo se hizo y se envió?

Cada día recibes por lo menos un correo electrónico HTMLCada día recibes por lo menos un correo electrónico HTMLCada día recibes por lo menos un correo electrónico HTML
Cada día recibes por lo menos un correo electrónico HTML

Bueno, entonces puedes diseñar y construir tu propio email HTML, o utilizar una plantilla email HTML que alguien más hizo y luego agregarle tu propio texto e imágenes.

Crear un correo HTML es un trabajo especializado y no es parecido a construir una página web. Hay cientos de diferentes servicios y apps que la gente utiliza para leer su email, como Gmail, Yahoo! y Outlook, y cada servicio muestra HTML y CSS ligeramente diferente. Por si esto fuera poco, para prevenir virus y fraudes, estos servicios no te permiten incluir elementos que puedan representar un riesgo de seguridad, como JavaScript o formularios.

Cómo Hacer tus Propias Plantillas Correo HTML

Para aprender más sobre el desarrollo de email HTML, revisa estos tutoriales en Tuts+:

Si estás familiarizado con crear para la web, en vez de construir una plantilla email HTML desde cero también puedes usar un framework como MJML, que puede hacer mucho del trabajo pesado por ti.

Los Servicios de Prueba de Email son Vitales

Una vez que hayas terminado de crear tu email HTML, es importante utilizar un servicio de prueba como Email on Acid o Litmus, para asegurarte que tu correo se vea perfecto cuando se abra en los distintos servicios de email que la gente utiliza.

Descarga Cientas de Plantillas Correo HTML en Envato Elements

Si no quieres hacer una plantilla email HTML, puedes comprar una o registrarte en Envato Elements, que te otorga acceso ilimitado a cientas de plantillas correo HTML que ya se han probado y se pueden utilizar de inmediato.

 

Plantilla email HTML en Envato ElementsPlantilla email HTML en Envato ElementsPlantilla email HTML en Envato Elements
Plantilla email HTML en Envato Elements

¿Qué es un ESP?

Para enviar tu correo electrónico HTML terminado necesitarás un ESP, por sus siglas en inglés, Email Service Provider (proveedor de correo electrónico). La mayoría de los ESPs ofrecen plantillas correo electrónico HTML gratuitas que también puedes usar y algunas de ellas también cuentan con servicios de prueba integrados.

¿Qué es exactamente un ESP y por qué necesitarías uno? Es posible que pienses que puedes enviar tu correo HTML utilizando un servicio de email normal como Gmail o Outlook, desafortunadamente este no es el caso. La mayoría de los servicios de email no ofrecen una forma confiable para cargar tu email y enviarlo, ya que eliminan código importante cuando lo mandan. Esto significa que tu diseño se verá mal, se perderán elementos y, en la mayoría de los casos, tus imágenes se enviarán como archivos adjuntos. Esto no es el aspecto que estabas buscando…

Contenido de un email HTML copiado y pegadoContenido de un email HTML copiado y pegadoContenido de un email HTML copiado y pegado
Contenido de un email HTML copiado y pegado

Además, solo puedes enviar un número limitado de correos al día desde un servicio de correo normal. Por ejemplo. Gmail limita a sus clientes a 500 correos por día. Generalmente, si estás enviando emails promocionales, querrás enviarlos a cientos, miles y hasta millones de personas, y eso requiere infraestructura especializada.

Los ESPs son empresas que proveen esta infraestructura. Compañías como HubSpot, Campaign Monitor y MailChimp administran servidores poderosos y especializados que son necesarios para enviar un volumen grande de correos. Todos cuentan con muchas funciones, pero las más importantes son:

  • Ayudan a administrar nombres y direcciones de las personas a las que les quieres enviar un correo electrónico HTML
  • Se aseguran que tu correo HTML se entregue intacto y se muestre correctamente
  • Te permiten enviar emails personalizados, automatizados y planificados
  • Se aseguran que tus correos se envíen o se marquen como SPAM

Leyes de Email SPAM

Finalmente, y lo mas importante, antes de enviar un solo correo electrónico HTML siempre te debes asegurar que cuentas con el permiso de contactar a las personas a las que lo envías. Lass leyes SPAM prohiben contactar personas sin su consentimiento.

Evita que tu correo electrónico HTML sea catalogado como SPAMEvita que tu correo electrónico HTML sea catalogado como SPAMEvita que tu correo electrónico HTML sea catalogado como SPAM
Evita que tu correo electrónico HTML sea catalogado como SPAM

Conclusión

Entonces, para empezar a enviar un correo electrónico HTML:

  • Revisa las leyes de spam y correo electrónico que aplican a ti
  • Obtén permiso de las personas a las que quieres enviar un email
  • Registrate en un ESP
  • Encuentra una plantilla email HTML o crea una tú mismo
  • Prueba cada detalle
  • ¡Y envíalo!

Para comenzar a enviar lo más rápido posible, suscríbete a Envato Elements que te otorga descargas ilimitadas de plantillas correo HTML creadas profesionalmente, así como ilustraciones, iconos y millones de otros recursos creativos.

Y no olvides suscribirte al canal de YouTube de Tuts+ para más explicaciones, cursos y tutoriales.

Colecciones de Plantillas Correo HTML en Tuts+

Revisa estas plantillas correo HTML para comenzar tu primer campaña de email.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.