As assinaturas de e-mail têm um limite de 10,000 caracteres no HTML. Depois de exportar sua assinatura de e-mail, o plugin avisa se ela passar do limite. Para evitar isso, você pode usar alguns dos componentes iniciais de Signature na aba Footer do plugin Emailify.
Infelizmente, os ajustes responsivos para celular não são renderizados em nenhuma exportação “HTML Email Signature”, porque os clientes de e-mail removem todas as tags de estilo CSS e as @media queries (por isso, elas também não são incluídas no código exportado). Vale a pena buscar um equilíbrio no design original para que ele fique bom tanto em larguras de desktop quanto de celular.
Vídeo tutorial: criar e exportar assinaturas de e-mail HTML a partir do Figma
Este vídeo mostra como criar e exportar do Figma e-mails HTML responsivos e prontos para produção usando o plugin Emailify.
Exportar sua assinatura HTML do Emailify
No plugin Emailify, clique no botão Export HTML para abrir o painel de exportação, selecione a opção HTML Email Signature na lista suspensa e clique no botão Export to HTML Signature para começar a exportar do Figma para HTML os e-mails selecionados.
Quando o Emailify terminar de processar seus e-mails, você verá uma mensagem de confirmação. Para baixar o arquivo .zip no seu computador, clique no botão Download your .zip file e depois descompacte o .zip para ver os arquivos exportados.
Copiar sua assinatura de e-mail HTML para a área de transferência
Depois de exportar sua assinatura de e-mail HTML do Emailify e descompactar o arquivo .zip, abra o arquivo preview-and-install.html no navegador Google Chrome (outros navegadores, como o Safari, podem apresentar problemas) e clique no botão Copy HTML Signature na página de pré-visualização. O conteúdo da sua assinatura HTML será copiado automaticamente para a área de transferência.
Alguns clientes de e-mail podem exigir o código HTML “bruto”. Nesse caso, clique no botão Copy HTML Signature (Raw Code) no arquivo preview-and-install.html para copiar a seleção como HTML bruto para a área de transferência.
Depois de copiar o HTML para a área de transferência, siga as instruções abaixo (baseadas nos excelentes guias da SignatureHound) para instalar a assinatura no seu cliente de e-mail.
Como instalar sua assinatura de e-mail HTML no Outlook.com (Web Mail)
Depois de entrar na sua conta do Outlook.com, clique na engrenagem de configurações no canto superior direito.
Com o menu lateral de configurações aberto, clique em View All Outlook Settings no canto inferior direito.
Na janela de configurações, selecione a aba Mail e depois a aba Compose and Reply.
Copie e cole sua nova assinatura de e-mail no editor de assinaturas.
Confira se a configuração Compose messages in HTML format está correta e se você marcou as caixas certas para usar essa assinatura automaticamente.
Clique em Save e saia da janela de configurações.
Escreva um novo e-mail e aproveite sua nova assinatura!
Guias relacionados do Emailify
- Revise os fundamentos de design do Emailify antes de montar um layout de assinatura reutilizável.
- Siga o tutorial de criação e exportação de e-mails HTML para ver o fluxo de trabalho completo.
- Conheça o plugin Emailify para Figma para e-mails HTML e assinaturas criados no Figma.