Assinatura Modelos HTML

Modelos de Assinatura HTML Editáveis para Clientes de E-mail

Um modelo de assinatura HTML é um bloco de marcação que você abre, edita e cola nas configurações de assinatura de um aplicativo de e-mail. Campos de texto, referências de imagem e links são todos definidos no código, de modo que cada parte do bloco permanece separada e substituível.

Como os Blocos de Marcação Prontos São Construídos

Quase todas as assinaturas prontas são dispostas em uma tabela. Linhas e células contêm o nome, o logotipo e as informações de contato em posições fixas, e essa grade se mantém melhor durante a transição entre aplicativos de e-mail do que elementos flutuantes. A formatação é mantida em linha, escrita nos próprios elementos, porque o bloco é colado na mensagem de outra pessoa.

Abra o arquivo antes de confirmar as alterações e verifique alguns detalhes:

• Se cada campo de texto está em sua própria célula
• Se as fontes de imagem usam endereços completos em vez de nomes de arquivo locais
• Se as larguras estão declaradas nas imagens e na tabela
• Se os contatos estão escritos como links mailto e tel

Logotipos e fotos de perfil precisam de um endereço permanente, pois um arquivo arrastado de um computador é exibido corretamente para você, mas pode apresentar problemas para os demais. É importante preencher o texto alternativo, pois muitos aplicativos de e-mail retêm as imagens até que o leitor permita sua exibição.

Por que todo cliente de e-mail merece um teste de envio

O suporte para formatação varia de um aplicativo de e-mail para outro, e o código por si só não indica a extensão dessa variação. O Outlook renderiza as mensagens com seu próprio mecanismo, o Gmail é mais rigoroso quanto ao que mantém, e um aplicativo para celular pode recalcular as larguras. A única verificação confiável é enviar uma mensagem real.

Envie a assinatura para dois ou três endereços em serviços diferentes e abra um deles em um celular. Verifique se a tabela mantém suas colunas, se o logotipo carrega no tamanho correto e se o texto longo do link não quebra a linha de forma desorganizada. No Nicepage, os Modos Responsivos exibem uma visualização reduzida antes que a marcação saia do editor.

Trocando Campos Antes de Instalar o Resultado

A edição segue uma ordem simples. Substitua o nome e o cargo de exemplo, direcione as tags de imagem para o seu próprio logotipo e, em seguida, atualize os links. As fontes de texto e imagem podem ser alteradas por você, enquanto as células, as larguras declaradas e o aninhamento devem ser mantidos como estão, a menos que você planeje testar novamente.

A instalação consiste em colar o código finalizado nas configurações de assinatura. Alguns serviços aceitam a marcação diretamente, enquanto outros aceitam uma versão renderizada copiada de uma janela do navegador, e é por isso que um modelo pode se comportar de maneira diferente em duas contas diferentes. Compare os candidatos pela quantidade mínima de código que você precisa alterar, como os links e as imagens permanecem visíveis após o redirecionamento e a facilidade com que o bloco é instalado.