Plantillas para email Responsive html Gratis

Hola, panzerbravo al habla, si están en el mundo del marketing digital o tienes tu pagina web, es probable que necesites enviar correos electrónicos a tus clientes o prospectos… Por eso hoy te traigo una serie de plantillas HTML totalmente gratis vamos allá!

Estas plantillas para email son gratuitas todas te las estaré dejando en el post, ademas añadiere alguna descripción de dichas plantillas para que quede claro de que categoría es y tu sepas al instante si te sirve o no.

Hosteleria

Esta es una plantilla de Mdirector bastante bonita, ademas vienen mas ejemplos de plantillas, excelentes para negocios de pizzerías, hoteles, restaurantes, clubs y discotecas, son 10 ejemplos en total, el fondo es negro por lo que las imágenes se ven bastante resaltadas, ademas a un costado están iconos de redes sociales donde tus clientes pueden seguirte, es importante que te sigan por varios canales digitales.

Viajes

Esta es otra plantilla de Mdirector, sin lugar a dudas el diseño es bastante elegante de fondo blanco, donde los paisajes de los lugares paradisíacos se ven de manera extraordinaria, llamando la atención del cliente o prospecto, si tienes una agencia de viajes esta plantilla html es para ti.

Felicitaciones

Una plantilla de felicitaciones es importante, ese trato ameno con tu cliente puede hacer la diferencia, en este caso son 4 plantillas diferentes que se que te van a encantar, también por cortesía de Mdirector.

Salted plantilla html by: Jason Rodriguez

La primera plantilla html es Salted un plantilla bastante sencilla y elegante.

Plantilla de respuesta Dribble – By Marco Lopes

Esta plantilla es bastante elegante, en mi opinión es ideal para un ecommerce, las imágenes de esta plantilla las puedes cambiar por las tuyas, ademas de también modificar el texto fácilmente, al final te explicare como modificar una plantilla.

E-nthusiastic plantilla gratis html

Esta plantilla se me hace bastante completa, ideal para una agencia, algo que me gustaría que aprendieras es html es un lenguaje de marcado bastante fácil de aprender, créeme que te resultara de mucha utilidad para editar tus plantilla de email marketing.

Si estas interesado en aprender mas sobre el email marketing te recomiendo apuntarte a esta plataforma de Email Marketing, es bastante simple y se que te sera de gran utilidad.

La importancia de tener una plantilla tematizada de email marketing

Al tener una plantilla bien diseñada y tematizada hará que tus ventas mejoren, y mas si haces una buena redacción/copywriting de tus textos, sin lugar a dudas tu empresa/negocio se vera mucho mas profesional y confiable ante el publico.

¿Como editar una plantilla html para email?

Ahora te voy a enseñar como editar una plantilla la verdad es que es bastante sencillo, te voy enseñar conceptos básicos de html5.

Primero que nada necesitamos un editor de código, yo en lo personal uso visual studio code, es bastante sencillo de descargar e instalar, solo busca en google descargar visual studio code y das clic en el primer enlace, simplemente descargas la versión de tu sistema e instalas dando en siguiente, siguiente y siguiente.

Una vez instalado inicias el programa, veras una pantalla como esta:

En esa ventana arrastraremos nuestra plantilla html ya descomprimida, en mi caso yo arrastre la plantilla de dribble, puedes arrastrar todo o entrar en la carpeta y arrastrar solo la carpeta que dice email, si haces esto ultimo veras algo como esto:

Como puedes ver el creador de la plantilla ha añadido comentarios para que sepamos las diferentes parte de la plantilla, como ves en la imagen vemos el header, que es la cabecera de la plantilla. Para empezar a editar la plantilla debemos de localizar las etiquetas <p> puedes presionar control + f para abrir la barrita de búsqueda, ahora solo teclea <p> dentro y das al enter, automáticamente por cada enter que hagas iras encontrando las etiquetas <p> del documento, ahora solo te toca ir añadiendo el texto que quieras añadir.

Para añadir tus propias imágenes debes de hacer los mismo que antes dar control + f y ahora encontrar las etiquetas <img ahora solamente agrega tus propias imágenes sustituyendo la imagen por la tuya, puedes renombrarla o usar el mismo nombre que ves en la carpeta:

Recuerda pasar tus imágenes a la carpeta de la plantilla y asegúrate que tengan el mismo tamaño que la imagen de la plantilla.

Espero haber explicado bien, si tienes alguna duda no dudes en dejar tu comentario acá abajito, saludos y éxitos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *