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 Yahoo! (Web Mail)
Por desgracia, Yahoo! Mail ajusta sobre la marcha las imágenes de tu firma, y eso escapa a nuestro control. Lee todos los detalles sobre estos problemas de renderizado más abajo.
Una vez que hayas iniciado sesión en tu cuenta de Yahoo, haz clic en el icono de engranaje de ajustes de la esquina superior derecha.
Con el desplegable abierto, haz clic en More Settings.
Haz clic en Writing Email en las opciones de ajustes.
Haz clic en el botón + de la parte inferior de la columna central.
Pega tu nueva firma de email en el editor de firmas.
Ahora mismo hay un error en Chrome, por la forma en que copia y pega, que hace que los enlaces de tu firma aparezcan subrayados. Para evitarlo, completa la instalación de la firma con otro navegador, como Mozilla Firefox. Cuando tengas la firma configurada con otro navegador, puedes volver a usar Chrome.
Si tu firma no aparece en la vista previa de la derecha, mueve el cursor de texto al principio del editor de firmas y pulsa la tecla Enter.
- Tu firma debería guardarse automáticamente. Cierra la página de ajustes, redacta un email nuevo y ¡disfruta de tu nueva firma!
Información importante sobre los problemas de escala de imágenes en Yahoo! Mail
Por desgracia, Yahoo Mail ajusta sobre la marcha las imágenes de tu firma, y eso escapa a nuestro control. Esto puede provocar problemas de renderizado en algunos clientes de email si tus imágenes se reducen respecto a su tamaño natural.
Hemos visto que se reducen las siguientes imágenes:
- Imagen de perfil (400px → 100px)
- Logo (600px → 150px)
Aunque la firma se vea bien en la vista previa de Yahoo Mail, es probable que los destinatarios que usen clientes de email de Microsoft, como Outlook 2019, vean las imágenes a tamaño completo (ejemplo abajo).
Prueba tu firma enviándola a un destinatario que use un cliente de email de Windows. Si se produce el problema, puedes solucionarlo subiendo las imágenes exactamente al tamaño con el que deben aparecer en la firma (sin reducirlas). Puedes usar un servicio online gratuito (o Figma) para redimensionar tus imágenes como corresponde.
Una vez redimensionadas, tus imágenes se verán bien en los clientes de email de Windows, aunque se verán algo borrosas en tablets, móviles y otras pantallas de alta resolución. Si no estás dispuesto a renunciar a esto, te recomendamos usar otro cliente de email.