Central de conhecimento HubSpot

Crie um modelo codificado personalizado

Written by HubSpot Support | 3/ago/2018 18:54:38

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 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

  • 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.
  • 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. 

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 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.