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 Outlook (iOS)
La app de Outlook para iOS no ha sido muy compatible con las firmas HTML en el pasado. Aunque en su día funcionaba bien, nuestra última revisión de la app muestra que elimina los enlaces de email y de teléfono de tu firma, por lo que algunos de tus destinatarios los verán en azul (según el cliente de email que usen).
Si de verdad quieres que tu firma de email quede "perfecta al píxel", te recomendamos usar otra app de email en tu dispositivo, como la app Mail de iOS.
- En la app de Outlook para iOS, toca el icono de perfil de la esquina superior izquierda para mostrar el menú lateral.
- Ahora toca el icono de engranaje de la esquina inferior izquierda para abrir los ajustes.
- En la sección Email, toca la opción Signature.
- Pega tu firma en el editor de firmas (mantén pulsado el editor para que aparezca la opción de pegar).
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 de Outlook de tu iPhone (con el wifi y el Bluetooth activados en los dos dispositivos).
- Cierra los ajustes, redacta un email nuevo y ¡disfruta de tu nueva firma!
