Atenção: os botões com ícone não são compatíveis com o Outlook. Os ícones dos botões são ocultados automaticamente apenas nos clientes do Outlook para Windows, mas continuam sendo exibidos normalmente em todos os outros clientes de e-mail.
Para adicionar uma nova camada de botão com ícone ao design do e-mail, clique em qualquer camada Column ou Hero, selecione a opção Icon Button no menu suspenso Quick Add e clique no botão Add + para inserir a nova camada de botão no layout.
Outra opção é escolher um dos componentes predefinidos na aba CTA do plugin: clique na aba de subcategoria Icon Buttons e depois em qualquer uma das opções de componente de botão com ícone para adicioná-las ao design como novas camadas “Row”.
Depois de estilizar o botão como quiser, defina a URL clicável: clique na camada Button no Figma, clique no botão Settings e cole a URL no campo Clickable Link URL. Assim, o botão abre essa URL no navegador quando alguém clicar nele.
Para ter botões divididos de texto e ícone em largura total, adicione uma das predefinições de largura total do plugin ou defina a configuração de Auto Layout Horizontal de um botão com ícone existente no Figma como Fill e também a configuração de Auto Layout Item Spacing do Figma como Auto. Isso transforma o botão automaticamente em um botão justificado/dividido.
Para personalizar a camada do ícone no botão com ícone, arraste qualquer frame de ícone ou camada vetorial do Figma para dentro da camada Icon Button e depois exclua a camada do ícone original, para que haja apenas um ícone dentro da camada Button (junto com a única outra camada, a de texto, dentro do botão).
Nos links adicionados pelos campos de link do Emailify ou por hiperlinks de texto do Figma, a exportação HTML omite destinos executáveis javascript: e vbscript:. Os links de templates dinâmicos e as URLs de origem das imagens mantêm o comportamento atual.
Você pode aplicar configurações em massa abrindo Settings e selecionando no Figma várias camadas do Emailify do mesmo tipo. Qualquer configuração que você alterar será aplicada a todas as camadas selecionadas.