Cómo crear una plantilla personalizada de email HTML

Escrito por brandy alexander | Traducido por maria della cella figueredo
  • Comparte
  • Twittea
  • Comparte
  • E-mail

Crear una plantilla personalizada de email HTML es una forma de ahorrar tiempo que te permite crear mensajes realzados para un uso indefinido. Las plantillas te permiten crear el diseño de tu mensaje solo una vez para que puedas editar el contenido directamente la próxima vez. Debido a que la popularidad de HTML está creciendo, muchas aplicaciones de email ahora están equipadas para manejar HTML y varios usos de funciones personales y profesionales continúan creciendo.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Editor de texto HTML
  • Aplicación de email
  • Servidor web

Lista completaMinimizar

Instrucciones

  1. 1

    Abre un nuevo archivo en un editor de texto HTML, como BBEdit o Dreamweaver.

  2. 2

    Crea una tabla para basar tu mensaje de email. Las tablas HTML funcionan mejor para el diseño de un mensaje de email.

  3. 3

    Ingresa el texto

  4. 4

    Agrega cualquier formato CSS conforme para las fuentes o colores de fondo, como prefieras. Mantén el CSS solo para las fuentes o el formato, ya que algunas aplicaciones de email no visualizarán algo más complejo que eso.

  5. 5

    Ingresa cualquier gráfico que desees en la página. No insertes muchos gráficos para que la descarga no sea muy larga para tus destinatarios.

  6. 6

    Nombra tu archivo como "plantilla" y guárdalo con la extensión ".html". En algunos editores de textos HTML, como Dreamweaver, puedes elegir guardar tu archivo como una plantilla desde la barra de herramientas. Esto te permitirá nombrar y describir tu plantilla para su futuro uso.

  7. 7

    Coloca tu archivo HTML y cualquier gráfico en una carpeta en tu servidor web. Todos los archivos HTML e imágenes deben tener una URL completa para poder funcionar, por ejemplo http://www.mywebhost.com/images/graphic.jpg.>

  8. 8

    Crea copias de tu plantilla de email HTML usando la función "Copiar" de tu editor de texto HTML. Ahora podrás crear un mensaje nuevo que contenga el diseño principal.

Consejos y advertencias

  • Envíate una copia del correo a ti mismo y a alguien más para asegurarte de que el mensaje figure correctamente.
  • Crea y enlaza una versión de texto a tu mensaje HTML en caso de que los destinatarios tengan una aplicación de email que no permita HTML.
  • Tu diseño debe ser simple para que los destinatarios con conexiones más lentas o monitores más pequeños puedan leer tu email de forma exitosa.
  • No compliques tu archivo HTML con Flash o Javascript, ya que el mensaje no se visualizará correctamente en la aplicación de email.
  • Nunca utilices una plantilla de estilo CSS externa, ya que algunas aplicaciones de correo las borrarán de forma automática.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles