Como fazer upload de HTML como modelo para seus e-mails?

Criada por Isabelle Lemes, Modificado em Fri, 10 Mar 2023 na (o) 01:51 PM por Isabelle Lemes

Freshmarketer: Growth,  Pro e Enterprise.

Freshsales Suite: Growth,  Pro e Enterprise.




Carregue arquivos HTML, CSS e de imagem para serem usados como modelo para o e-mail. Isso ajuda a reduzir o tempo de design e permite que as empresas criem modelos que correspondam ao tema da marca.


Observação: esse recurso é recomendado apenas para usuários familiarizados com codificação personalizada. Aproveite a assistência do desenvolvedor para codificar um modelo HTML


De acordo com as diretrizes regulatórias de e-mail, a opção de  
cancelar a inscrição  e os  detalhes da empresa  precisam ser incluídos em todos os e-mails enviados. Seu aplicativo da web fornece uma opção para incluí-lo no código personalizado. Inclua as propriedades do assinante abaixo dentro de um atributo HREF do elemento.


Propriedades de contato do assinante:

  • {{subscriber::unsubscribe_current}} - cancelar a inscrição da lista atual

  • {{subscriber::unsubscribe_all}} - cancela a inscrição de todas as listas.


Propriedades de contato da empresa:

  • {{nome da empresa}}

  • {{Endereço da companhia}}

  • {{empresa::cidade}}

  • {{empresa::estado}}

  • {{empresa::país}}


Da mesma forma, outras propriedades de contato também podem ser incluídas no código personalizado. Por exemplo, se a propriedade {{contact::first_name}} estiver incluída nos elementos, o primeiro nome do contato será preenchido no espaço reservado durante o envio do e-mail. 

Você não precisa memorizar as propriedades do contato. Depois de carregar o arquivo ZIP e clicar em Avançar, você será direcionado para a   página Revisão . Você pode voltar ao  modo Design  para fazer alterações e incluir todas as propriedades do contato usando a  opção Marcas de mesclagem  .

Observação : os links de cancelamento de inscrição  e os detalhes da empresa serão incluídos por padrão pelo Freshmarketer se não forem incluídos manualmente no código. Se os detalhes forem incluídos parcialmente, um aviso será exibido na  guia Revisão  para incluí-los.


Carregando o arquivo: 

Para carregar seu arquivo, navegue até os estilos dentro de sua campanha. Você terá opções para escolher entre os Temas padrão, Layouts e Carregar seu próprio HTML.



Clique nos arquivos de navegação para escolher e fazer upload do arquivo ZIP. Um arquivo HTML separado também pode ser carregado sem compactar, caso você não tenha nenhuma imagem.



Diretrizes a serem seguidas ao enviar seu modelo:

  1. Um arquivo ZIP precisa ser criado com seu arquivo HTML no diretório raiz e todas as imagens como subpastas nele. 

  2. O tamanho máximo do arquivo ZIP é de 1 MB. É aconselhável ter o nome do arquivo apenas com letras, números e hífen. 

  3. Um arquivo ZIP deve conter um único arquivo HTML.

  4. A codificação de caracteres dos arquivos HTML deve ser UTF-8.

  5. Os formatos de imagem devem ser JPG, JPEG, PNG ou GIF.

  6. Todos os arquivos CSS devem ser colocados dentro de uma pasta CSS separada, na qual os arquivos CSS externos seriam referenciados dentro do arquivo HTML.

  7. As imagens devem ser colocadas dentro de uma pasta separada.

  8. O arquivo HTML não deve fazer referência a nenhum arquivo Javascript ou ter nenhuma função Javascript nele. Se houver, eles serão removidos automaticamente.

  9. Certifique-se de executar o HTML por meio de um validador antes de fazer o upload, para garantir que não haja erros de sintaxe no arquivo.

  10. Os nomes das pastas devem corresponder aos nomes que você referenciou em seu código. O upload diferencia maiúsculas de minúsculas.

Depois de enviar seu arquivo, você pode prosseguir para revisar o mesmo. Clique em  Avançar  para revisar seu modelo.

Ao revisar, você pode clicar na  guia Design anterior  e fazer as alterações necessárias em seu modelo.

Observação : quando você edita  um modelo HTML carregado usando o criador de modelos, suas alterações podem afetar as campanhas de rascunho existentes que usam o mesmo modelo carregado.

Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo