Las firmas de email tienen un límite de 10.000 caracteres en el HTML. Después de exportar tu firma de email, el plugin te avisará si supera ese límite. Para evitarlo, puedes usar algunos de los componentes iniciales Signature de la pestaña Footer del plugin Emailify.
Por desgracia, los ajustes responsive para móvil no se aplicarán en las exportaciones "HTML Email Signature", porque los clientes de email eliminan las etiquetas de estilo CSS y las consultas @media (por eso tampoco se incluyen en el código exportado). Así que conviene buscar un equilibrio en el diseño original para que se vea bien tanto en escritorio como en móvil.
Vídeo tutorial: diseñar y exportar firmas de email HTML desde Figma
Este vídeo explica cómo diseñar y exportar emails HTML responsive y listos para producción desde Figma con el plugin Emailify.
Exportar tu firma HTML desde Emailify
En el plugin Emailify, haz clic en el botón Export HTML para abrir el panel de exportación, selecciona la opción HTML Email Signature en la lista desplegable y haz clic en el botón Export to HTML Signature para empezar a exportar a HTML los emails que hayas seleccionado en Figma.
Cuando Emailify termine de procesar tus emails, verás un mensaje de confirmación. Haz clic en el botón Download your .zip file para descargar el archivo .zip en tu ordenador y, después, descomprímelo para ver los archivos exportados.
Copiar tu firma de email HTML al portapapeles
Después de exportar tu firma de email HTML desde Emailify y descomprimir el archivo .zip, abre el archivo preview-and-install.html en el navegador Google Chrome (otros navegadores, como Safari, pueden dar problemas) y haz clic en el botón Copy HTML Signature de la página de vista previa. El contenido de tu firma HTML se copiará automáticamente al portapapeles.
Algunos clientes de email pueden necesitar el código HTML "en bruto". En ese caso, haz clic en el botón Copy HTML Signature (Raw Code) del archivo preview-and-install.html para copiar la firma al portapapeles como código HTML sin procesar.
Una vez copiado el HTML al portapapeles, sigue las instrucciones de abajo (basadas en las excelentes guías de SignatureHound) para instalar la firma en tu cliente de email.
Cómo instalar tu firma de email HTML en la app Mail (Windows 10)
Es bien sabido que Mail de Windows 10 usa el motor de renderizado de Microsoft Word para los emails, lo que provoca diferencias con la vista previa de tu firma. El espaciado y el tamaño de las fuentes se verán algo distintos, las imágenes suelen aparecer aplastadas y se añadirá un subrayado a tus enlaces. Muchos de tus destinatarios verán esos enlaces con un subrayado azul, sea cual sea el color que les hayas puesto.
Si de verdad quieres que tu firma de email quede "perfecta al píxel", te recomendamos usar otro cliente de email que use un motor de renderizado HTML, como Outlook.com.
- Con Mail de Windows 10 abierto, haz clic en el icono de engranaje de ajustes de la parte inferior de la barra lateral izquierda para abrir el panel de ajustes.
Haz clic en la opción Signature del panel de ajustes para abrir la ventana de firma.
Pega tu firma en el editor de firmas.
Haz clic en Save para cerrar la ventana de firma.
Redacta un email nuevo y ¡disfruta de tu nueva firma!
