Plantillas HTML para escribir correos atractivos

platillas html para correos 1
Te has preguntado alguna vez, porque hay correos electrónicos en tu bandeja de entrada con diseños espectaculares, imágenes, marcos y otras cosas atractivas. La respuesta es muy fácil, es porque estos mensajes son editados con código HTML, el mismo utilizado para desarrollar páginas web, sorprenderás a tus amigos al enviarles correos electrónicos con diseño profesional. Existen algunos sitios en Internet donde puedes descargar cantidades de plantillas con diferentes colores y diseños, que fácilmente puedes adaptarlo a tus correos de envío.



Acá les coloco algunas plantillas de ejemplo




plantillas html para correos 5

Para entrar y descargar las plantillas has click acá: http://www.campaignmonitor.com/templates/ o sobre las imágenes.

¿COMO SE APLICAN LAS PLANTILLAS PARA CORREO ELECTRÓNICO?

Es relativamente sencillo, alguien sin conocimientos avanzados en HTML puede hacerlo, solo funciona con Hotmail, todavía no he hallado la opción con Gmail, Yahoo, y otros proveedores de correo electrónico. Vamos a describir los pasos:

1) Descargas las plantillas que más te gusten en esta web: http://www.campaignmonitor.com/templates/
2) Guardarás en cualquier lugar un  pack con imágenes, documentos que abren con WinRar, descomprime el archivo en una carpeta que se relacione con el contenido: Ejemplo (plantillas de correo)
3) Abres la carpeta donde está el contenido descomprimido, seleccionas la otra carpeta que se identifica con el nombre de la plantilla, luego se abrirá otros archivos, seleccionas la carpeta HTML y la abres, allí hallaras otros archivos que se identifican con el logo o icono de tu navegador. Ejemplo si usas internet explorer debes identificarlo con  el siguiente nombre: full_width y este logo: 
plantillas correos
Si utilizas el navegador de Google Chrome lo identificas con este nombre full_width y este logo:
plantillas correos 1
Si utilizas el navegador de Mozilla FireFox lo identificas con este nombre full_width y este logo:
plantillas correos 2
4) Una vez que hayas ubicado el archivo  full_width, lo seleccionas y le das con el botón derecho del ratón mejor llamado como menú contextual, le das abrir con blog de notas o aplicaciones MFC WORD PAD, esto con la finalidad de extraer el código fuente o HTML de la plantilla, seleccionas todo el código y le das copiar.
5) Entras a tu cuenta de HOTMAIL, le das en nuevo, esto para redactar correo nuevo. Se te abrirá un ventana como la que ves e esta imagen:  

plantillas html para correos..

6) Donde se ubica la flecha roja, dale click allí donde dice texto enriquecido, se despliega una pestaña, con las opciones mostradas en la figura anterior

Seleccionas donde dice " Editar en HTML " se abre otra ventana, en ese espacio en blanco vas a copiar el código que extraiste del archivo editado full_width.Luego vuelves a la opción Texto enriquecido y verás parte de tu plantilla lista para editar y modificar pero sin las imágenes.




7) Empieza a modificar el texto que trae la plantilla por defecto, y adjuntas las imágenes de la carpeta de la plantilla para que se puedan mostrar en la misma, si deseas le podrás colocar tus propias imágenes en HTML cargándolas en http://es.tinypic.com/ web de alojamiento de imágenes. Y editándolas en la opción de editar en HTML. 
8) Cuando hayas editado y colocado las imágenes en la plantilla ya puedes enviar tu mensaje a tus contactos y sorprenderlos como todo un experto. 

Actualizado 25 /02/2016
Plantillas HTML para escribir correos atractivos Plantillas HTML para escribir correos atractivos Reviewed by Pablo on 19:29 Rating: 5

23 comentarios :

  1. excelente la explicación me ayudo mucho gracias

    ResponderEliminar
  2. Alucinante, muchas gracias

    ResponderEliminar
  3. gracias por el dato es muy útil!!

    ResponderEliminar
  4. Necesito ayuda, no he podido agregar las imágenes a la plantilla. Alguien me puede indicar como se debe hacer este procedimiento.

    Saludos.

    ResponderEliminar
  5. Para que se muestren las imagenes debeis sustituir los enlaces del codigo HTML. De forma profesional, las imagenes no van adjuntas al mensaje, si no que estan subidas a un HOST propio y enlazadas con vuestra plantilla email. Igual que hariais en una plantilla web.

    ResponderEliminar
  6. Muchas gracias, esta muy bien la aplicación.

    ResponderEliminar
  7. Me quedo muerta, no había oído nada sobre estas plantillas y suena muy bien.
    Muchas gracias por compartir.
    Lo has explicado muy bien.

    Un saludo

    ResponderEliminar
  8. Muy interesante, pero la duda es, como hago para que la plantilla me quede guardada, y no tenga que hacer el mismo proceso cada vez que voy a enviar un correo...
    Muchas gracias!

    ResponderEliminar
  9. Con Outlook y Thunderbird se puede grabar (guardar) la plantilla HTML, y simplemente se selecciona la plantilla que quiero utilizar (se pueden gardar varias) al momento de enviar un correo, pero para Hotmail no veo por dónde se pueda hacer. Para Gmail, también se puede guardar dicha Plantilla, aunque el método es distinto.
    Muchas gracias!

    ResponderEliminar
  10. Hola :)
    casoony.com comunidad gratuita para encontrar amigos, ganar dinero en linea y tragamonedas, con mucha diversión en los juegos, poker, foro, casino y publicidad para sus proyectos en línea.

    ResponderEliminar
  11. Hola :)
    casoony.com comunidad gratuita para encontrar amigos, ganar dinero en linea y tragamonedas, con mucha diversión en los juegos, poker, foro, casino y publicidad para sus proyectos en línea.

    ResponderEliminar
  12. I have read your blog its very attractive and impressive. I like it your blog.

    ResponderEliminar

Con la tecnología de Blogger.