Email

Criar e editar o modelo de e-mail

Ultima atualização: November 12, 2018

Disponível para

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Basic

Você pode criar um novo modelo de e-mail de arrastar e soltar usando a ferramenta de gerenciador de design. Antes de projetar o modelo de e-mail, é importante planejar o conteúdo para adicionar os módulos necessários. Se estiver à procura de inspiração para o design, explore os exemplos no nosso blog de marketing.

Criar um novo modelo de e-mail no HubSpot

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • No canto superior esquerdo, clique em Arquivo Novo arquivo.

Captura de tela do artigo de Ajuda da HubSpot

  • Na caixa de diálogo, selecione Arrastar e soltar.
  • Clique no menu suspenso Tipo de modelo e selecione E-mail.
  • Digite um nome de arquivo e revise o Local do arquivo onde ele será salvo. Clique em Alterar para salvar o novo modelo em outra pasta.
  • Clique em Criar.

Captura de tela do artigo de Ajuda da HubSpot

Por padrão, o seguintes módulos serão incluídos no modelo de e-mail de arrastar e soltar:

  1. Exibir como página da web: gera um link para uma versão de página da web do e-mail.
  2. Logotipo: aplica o logotipo definido nas configurações de conteúdo.
  3. Corpo principal do e-mail: módulo em rich text para o conteúdo principal do e-mail.
  4. Informações localização do escritório: preenche o rodapé do e-mail com as informações (endereço da empresa e links de assinatura) das configurações de conteúdo. Esse módulo é obrigatório para salvar um modelo de e-mail.

Captura de tela do artigo de Ajuda da HubSpot

Personalizar o modelo

Você pode adicionar mais módulos ao modelo usando o inspetor localizado à direita. Clique em Adicionar no inspetor para pesquisar os módulos que devem ser adicionados ao layout do modelo de arrastar e soltar.

Para personalizar o estilo do e-mail, você pode usar o inspetor. Não é possível adicionar arquivos CSS ou Javascript a um e-mail, mas você pode adicionar marcações HTML personalizadas, classes de corpo e estilos integrados ao modelo

Se nenhum módulo específico for selecionado, será possível adicionar um estilo ao cabeçalho do modelo no inspetor. Clique em um módulo ou grupo para acessar as opções de estilo específicas do componente.

Captura de tela do artigo de Ajuda da HubSpot

Visualizar o modelo

  • No canto superior direito, clique em Visualizar para ver como o e-mail será exibido para os contatos.
    • Se você selecionar Visualização ao vivo com opções de exibição, poderá ver uma visualização de como o e-mail será exibido em outros dispositivos.
    • Use os botões de seta para especificar um tamanho de tela personalizado e use as opções no canto superior direito para ajustar o zoom e a rotação da tela.

Captura de tela do artigo de Ajuda da HubSpot