Criar página, email e modelos de blog no editor de layout

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

Antes de começar

Antes de começar a trabalhar com esse recurso, certifique-se de compreender totalmente quais etapas devem ser executadas com antecedência, bem como as limitações do recurso e as possíveis consequências de usá-lo.

Compreenda os requisitos

• Verifique se você tem a permissão Ferramentas de design para criar e editar modelos no gerenciador de design.
• Recomenda-se também ter configurações de conteúdo e tema globais e configurações do site permissões se você precisar editar recursos da Web globais e configurações de blog/site.

Entenda as limitações e considerações

• Uma assinatura do Marketing hub Professional ou Enterprise? é necessária para criar modelos de email. As contas do Content hub podem criar e-mails usando o editor de e-mail arrastar e soltar.
• CSS Não há suporte para anexar arquivos JavaScript a um modelo de email, mas você pode adicionar marcações HTML personalizadas, classes body e estilo embutido ao modelo. 
• Os modelos de arrastar e soltar não oferecem suporte a todos os recursos de conteúdo disponíveis. Para usar a maior variedade de ferramentas, saiba mais sobre como usar modelos HTML + HubL .

Compreender os modelos do HubSpot

Os modelos de HubSpot fornecem o framework para blogs, páginas e e emails, enquanto seus usuários geram o conteúdo real no editor de conteúdo. Você pode criar modelos arrastando e soltando 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 você a converter uma ideia, esboço ou protótipo em um modelo responsivo para criação de conteúdo.

Criar um novo modelo

• Na sua conta da HubSpot, acesse Conteúdo > Design Manager.
• Na parte superior da coluna esquerda, clique no menu Arquivo e selecione Novo arquivo.

• Na caixa de diálogo, clique no menu suspenso O que deseja construir hoje? e selecione Arrastar e soltar. Em seguida, clique em Avançar. 

• 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 módulos estão limitados a determinados tipos de modelo. Você pode selecionar os seguintes tipos de modelo:
  • Blog: modelos para posts de blog individuais e páginas de listagem de blog.
  • E-mail: modelos para e-mails.
  • Página: modelos para seu site e landing pages.
  • Sistema: modelos para erro, solicitação de senha e páginas de assinatura de e-mail. 
• Insira um nome de arquivo. Quando terminar, clique em Criar.

 

Estruturar e personalizar seu modelo

Você pode adicionar mais módulos ao seu modelo usando o inspetor no lado direito do gerenciador de design. Clique em add Adicionar na coluna direita para procurar módulos a serem adicionados ao layoutde modelo arrastar e soltar. Saiba mais sobre editando a estrutura do modelo. 

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

Visualizar e publicar seu modelo

Depois de criar o modelo, você pode visualizar como ele aparecerá em uma página ao vivo e, em seguida, publicá-lo.

• Para visualizar o modelo:
  • No canto superior direito, clique em Visualizar. 
  • Se você selecionar Visualização dinâmica com opções de exibição, poderá visualizar seu modelo como ele aparece em outros dispositivos selecionando a predefinição de Visor. 
  • Se você selecionar Visualizar sem opções de exibição, só poderá visualizar como o modelo aparecerá nos navegadores.