Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.

Crie um modelo codificado personalizado

Ultima atualização: Janeiro 5, 2024

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Todos os produtos e planos

Os desenvolvedores podem criar blogs, páginas da Web, landing pages e modelos de e-mail do zero usando HTML. Também pode clonar um esquema de modelo de arrastar e largar para HTML e, em seguida, personalizar como um modelo codificado.

Saiba mais sobre como trabalhar com design personalizado na nossa documentação para programadores

Nota: é necessária uma conta Marketing Hub Professional ou Enterprise para criar modelos de e-mail codificados personalizados.

Criar um novo ficheiro HTML e HubL

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e Modelos > Ferramentas de design.
  • Na barra lateral esquerda, clique no menu pendente Ficheiro e > Novo ficheiro
  • Na caixa de diálogo, clique no menu pendente What would you like to build today? e seleccione HTML & HubL e, em seguida, clique em Next
design-manager-html-hubl
  • Insira os detalhes do seu novo arquivo:
    • Escolha modelo ou modelo parcial. Um modelo parcial é aquele que pode ser usado em outros modelos. 
    • Clique no menu pendente Tipo de modelo e seleccione o tipo de modelo que está a codificar (página, publicação em blogue/listagem, e-mail ou página do sistema ).
    • No campo File name , introduza um nome de ficheiro 
    • Para atualizar a localização do ficheiro, na secção Localização do ficheiro, clique em Alterar e seleccione uma pasta
  • Clique em Criar.
  • No editor de código, introduza o HTML do seu modelo.
  • Para mostrar como o seu HubL será renderizado, clique para ativar o interrutor Mostrar saída. Será aberto um painel à direita com a pré-visualização processada.
show-output-in-design-manager
  • Para pré-visualizar o aspeto do seu modelo, clique no menu pendente Preview no canto superior direito e seleccione Live preview with display options
  • Quando terminar de editar, clique em Publicar alterações no canto superior direito. 
  • Se houver algum erro de código, aparece uma mensagem de erro. Reveja mais informações sobre estes erros na consola de erros abaixo do editor de código. 

- console de erro

Adicionar etiquetas HubL necessárias

Os modelos codificados personalizados requerem variáveis específicas do HubL para funcionarem. Se alguma destas variáveis obrigatórias estiver em falta, aparecerá uma mensagem de erro quando tentar publicar o modelo. 

Os modelos de páginas e blogues requerem as seguintes etiquetas:

  • {{standard_footer_includes}}
  • {{standard_header_includes}}
Os modelos de correio eletrónico requerem as seguintes etiquetas para serem Compatível com CAN-SPAM
  • {{unsubscribe_link}} ou (incluir pelo menos um) {{unsubscribe_link_all}}
  • {{unsubscribe_anchor}}
  • {{site_settings.company_name}}
  • {{site_settings.company_street_address_1}}
  • {{site_settings.company_city}}{{site_settings.company_state}}
  • {{site_settings.company_zip}}

Clonar um modelo para HTML

Para além de criar um modelo de raiz, também pode clonar um modelo de arrastar e largar para HTML.

Para criar uma versão codificada de um modelo existente:

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e Modelos > Ferramentas de design.
  • Na barra lateral esquerda, abra o modelo que pretende clonar. 
  • Clique no menu pendente Actions e seleccione Clone to HTML. O arquivo HTML será criado na mesma pasta que o arquivo original. 
clonar para html
Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.