Si usa el ‘Modo Experto’ para crear su firma Letsignit, aquí tenemos nuestras mejores prácticas y consejos para optimizar su modelo de firma: 

*Por favor note que su código HTML puede ser interpretado de manera diferente dependiendo del cliente de correo electrónico que se utiliza. Los siguientes consejos son para poder lograr el modelo deseado: 

La construcción general:

  • Inserte su información personal e imágenes en una tabla y aplique dimensiones de altura y anchura. 
  • Las dimensiones máximas recomendados son de 600 x 200 px. 
  • No necesita agregar las etiquetas <head></head> ; algunas etiquetas no son tomadas en cuenta y son eliminadas por ciertos clientes de correo electrónico. 
  • Evite usar etiquetas como <em> y <strong>. Es mejor utilizar un estilo para evitar la modificación de la fuente en Outlook. 

Los atributos: 

  • Ponga los atributos entre los dobles símbolos de { } como se muestra a continuación y con la ortografía exacta: {{NOMBRE DE ATRIBUTO}}

Aquí está el nombre de las variables del sistema para insertar:

Nombre completo - Full name
Nombre - Fist Name
Apellido - Last name
Puesto de trabajo- Job title
Departamento- Department
Teléfono - Primary phone no.
Móvil - Mobile phone no.
Calle - street
Cuidad - Ville
Código Postal - Zip code
Estado o Región - State
País - Country
Sociedad- Company name
Pagina Web - Website

  • Para evitar la aparición de líneas blancas en el caso de que el atributo no tenga un valor asociado, mueva el <br> del final de la línea superior, hacia el  prefijo del atributo en la línea de abajo.

Los enlaces URL :

  • Antes de cada enlace, especifique el siguiente protocolo: “https://” para que cada enlace externo este activo en todos los navegadores 
  • Dado que los estilos de los enlaces en las etiquetas <a> a veces se eliminan (ejemplo: el color del enlace), es necesario usar la etiqueta <span>. Para hacer esto, rodee su etiqueta <a> con la etiqueta <span> y aplique el mismo estilo que se define en su etiqueta <a>.
  • Agregue el nombre de la variable {{Email}} después de href dentro de una etiqueta <a> </a> para lograr que se pueda hacer clic en la dirección correos electrónicos (y especialmente controlar el color del enlace).
  • Para borrar el subrayado de un enlace URL, rodee el texto con: <spanstyle="text-decoration: none"></span> además de text-decoration none en el estilo del enlace en la etqueta <a>. 

Aplicando el estilo: 

  • Siempre considere un estilo in-line para limitar los riesgos de una mala interpretación por parte de ciertos clientes de correo electrónico. 
  • Utilise  el estilo in-line en las etiquetas <table>, <td>, <span>, <p> 
  • Siempre especifique un color de fuente, cuando no esta especificado, ciertos clientes de correo electrónico  forzan un color por de manera automática (gris oscuro se fuerza en Hotmail por ejemplo). 
  • Indique el valor del hexadecimal para los colores- Encuentre fácilmente su color hexadecimal usando el convertidor 
  • Inserta una línea de altura (line-height) en el estilo para gestionar el interlineado dentro de la misma celda 
  • Para limitar los riesgos de una mala interpretación, use las fuentes de sistema o grupos de fuentes de sistema (la primera tendrá la ventaja) 

Las imágenes: 

  • Re dimensionar las imágenes antes de guardarlas en su hosting para evitar que sean deformadas cuando lleguen al correo electrónico del destinatario.
  •  Especifique el alto y el ancho de la imagen dentro de la etiqueta <img>
  • Verifique que el nombre de las imágenes no contengan espacios 

Enlaces que le puede ayudar: 

#HTML #Firma #Signature #Expertmode #modo experto

Did this answer your question?