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

Crie modelos de página, e-mail e blog no editor de layout

Ultima atualização: Abril 30, 2021

Disponível para

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Basic (versão anterior)

Usar um modelo permite controlar a estrutura de diferentes tipos de conteúdo em um blog, página ou e-mail. Você pode criar modelos no gerenciador de design arrastando e soltando módulos. Saiba mais sobre como criar modelos no HubSpot nessa lição da Academy.

Observação: uma assinatura do Marketing Hub Professional ou Enterprise é necessária para criar modelos de e-mail. As contas do CMS Hub podem criar e-mails usando o editor de e-mail do tipo arrastar e soltar.

O que é um modelo do Hubspot?

Os modelos da HubSpot definem a estrutura de blogs, páginas e e-mails, criados pelos usuários no editor de conteúdo. Você pode criar um modelo arrastando e soltando os módulos de conteúdo para criar um layout. Para criar um modelo usando HTML, saiba mais sobre como criar um modelo codificado personalizado

O editor de layout ajuda a converter uma ideia, rascunho ou protótipo em um modelo representativo para criar conteúdo.

De esboço a layout

Criar um novo modelo

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

create-new-template

  • Na caixa de diálogo, clique no menu suspenso O que você gostaria de construir hoje? e selecione Arrastar e soltar. Em seguida, clique em Próximo.
  • Clique no menu suspenso tipo de modelo e selecione um tipo. Embora a maioria dos módulos padrão esteja disponível para qualquer modelo, alguns estão limitados a determinados tipos de modelos. Você pode selecionar os seguintes tipos de modelos:
  • Insira um nome de arquivo. Quando terminar, clique em Criar.
new%20file
 

Estruturar e personalizar o modelo

Você pode adicionar mais módulos ao seu modelo usando o inspetor no lado direito do gerenciador de design. Clique em Adicionar no inspetor para pesquisar módulos para adicionar ao layout de modelo de arrastar e soltar. Saiba mais sobre como editar a estrutura do seu modelo

Para personalizar o estilo do modelo, você pode usar as opções no inspetor. Se nenhum módulo específico for selecionado, você pode adicionar estilos ao cabeçalho do próprio modelo. Clique em um módulo ou grupo para acessar as opções de estilo específicas do componente. Saiba mais sobre como usar o inspetor para estilizar seu modelo.

Observação: não é possível adicionar arquivos CSS ou Javascript a um modelo de e-mail, mas você pode adicionar marcações HTML personalizadas, classes de corpo e estilos integrados ao modelo

Captura de tela do artigo de Ajuda da HubSpot

Visualizar e publicar o modelo

  • No canto superior direito, clique em Visualizar para ver uma prévia do seu modelo em um navegador da web. Se você selecionar Visualização ativa com opções de exibição, poderá visualizar como seu modelo é exibido em outros dispositivos.

  • Depois de finalizar seu modelo, clique em Publicar alterações no canto superior direito.
    Captura de tela do artigo de Ajuda da HubSpot

Assim que o novo modelo for publicado, você pode usá-lo para criar novas páginas ou e-mails. Um modelo de blog pode ser aplicado a um blog existente nas configurações de blog