martes, 20 de agosto de 2013

Escribir mail HTML en Gmail (Tutorial)

Como enviar mails en html en GMail?

Sabemos que una manera más profesional de comunicarnos con nuestros clientes es a travéz de newsletters pre-diseñados en HTML el problema se presenta al intentar enviarlos con Gmail dado que ya no está disponible la opción de redactar en HTML por lo que la tarea se vuelve un poco más difícil. La primera opción seria, una vez que tengamos nuestro mail.html ya diseñado lo abrimos con nuestro navegador y copiamos TODO el contenido (para seleccionar todo combinamos las teclas CTRL+A y para copiar usamos CTRL+C) y lo pegamos en el cuerpo del mensaje (CTRL+V); El problema con eso es que muchas veces el mensaje termina todo deformado. Lo que realmente tenemos que hacer es: en el cuerpo del mensaje escribimos una palabra (en mi ejemplo escribí "texto") luego seleccionamos el texto, hacemos clic derecho del mouse y apretamos "inspeccionar elemento" (Como se ve en la imagen), esto nos va a abrir una consola debajo de nuestro navegador (usar Chrome preferentemente) la cual va a estar seleccionando el contenedor (div) donde se encuentra el texto "texto"



Una vez en eso vamos a apretar el boton derecho del mouse y a seleccionar "Edit as HTML" y vamos a borrar la palabra "texto" y a pegar(CTRL+V) en su lugar el texto en HTML de nuestro newsletter, luego hacemos clic en cualquier parte para ver los cambios y listo!
Para poder copiar el texto HTML de nuestro newsletter debemos abrir con algún editor de texto como el "Bloc de Notas" y así poder copiar el contenido del mismo!
NOTA: Para poder enviar correctamente el mail las imágenes del código deben estar situadas en un host y se deberia incluir además (para hacerlo más profesional) la opción de ver el mensaje online dado que no todos los dispositivos pueden mostrar el contenido en HTML
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

3 comentarios

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. El problema es si lo que quiero es guardarme el HTML de un correo que me ha llegado a Gmail ¿cómo lo haces? Porque desde la consola no te deja seleccionar el HTML copiarlo y pegarlo. Lo único que te deja es editarlo.

    ResponderEliminar
    Respuestas
    1. Hola, Vero, desde la bandeja de entrada y usando Google Chrome, haces clic derecho y pones "Inspeccionar elemento", ta va a aparecer la consola debajo de la página y vas a buscar entre los códigos la etiqueta <tbody>, luego sobre ella haces clic derecho nuevamente y pones Edit as HTML y copias todo el código que se encuentra entre las etiquetas <tbody> y </tbody>
      Saludos! :p
      ver ej: https://lh4.googleusercontent.com/-9GyVVBIbRPY/UnfBh5kD8nI/AAAAAAAAAlQ/FylAEM_283o/w318-h487-no/Sin+t%25C3%25ADtulo.png

      Eliminar

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2014 Soyleal Blog | Todos los derechos Reservados ®
Entradas RSSComentarios RSS
Ir al Cielo