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 (iOS)
- Abre la app Settings de tu dispositivo iOS, escribe Signature en la barra de búsqueda y abre el ajuste Signature en Apps > Mail. También puedes llegar a mano desde Mail > Signature.
- Pega tu firma en el editor de firmas. Si tienes más de una cuenta de email, asegúrate de usar el campo de firma de la cuenta correcta. Borra primero el texto que haya, mantén pulsado el editor y toca Paste.
Puedes usar la función Portapapeles universal de Apple para copiar la firma de email HTML en tu Mac (siguiendo el paso anterior) y, después, pegarla en la app Mail de tu iPhone (con el wifi y el Bluetooth activados en los dos dispositivos).
Si la firma pegada se ve demasiado grande o el formato parece roto, usa una vez la función Undo de iOS para que Mail actualice el formato. Lo más fácil es tocar la flecha Undo del teclado. Si no la ves, puedes agitar suavemente el iPhone hasta que aparezca el aviso Undo Change Attributes y tocar Undo, o deslizar tres dedos hacia la izquierda para deshacer. Después, el formato de la firma debería actualizarse automáticamente.
- Cierra Settings, abre la app Mail y redacta un email nuevo para comprobar que tu firma funciona. Si tienes varias cuentas de email, la firma aparecerá cuando elijas en From la misma dirección en la que la pegaste en Settings.
Si usas Apple Mail en modo oscuro, tiene una peculiaridad: muestra un fondo blanco detrás de tu firma en el panel "Inbox" (aunque tanto el sistema como los ajustes de Mail estén en modo oscuro) si la firma usa imágenes retina. Si las imágenes se exportan a 1x nativo (en lugar de a 2x retina) y no se reducen de tamaño, desaparece el fondo blanco, pero a costa de que las imágenes de la firma se vean borrosas o pixeladas.