Crie modelos de página, e-mail e blog no editor de layout
Ultima atualização: Abril 30, 2021
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.

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
- 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:
- 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 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.
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.
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.
Thank you for your feedback, it means a lot to us.
Conteúdo relacionado
-
Crie, edite e anexe arquivos CSS ao estilo seu site
CSS (folhas de estilos de carreira) são arquivos codificados que selecione elementos da sua página e controle...
Central de conhecimento -
Criar e gerenciar regras de conteúdo inteligente
Módulos de conteúdo inteligente exibem versões diferentes do seu conteúdo com base na categoria do...
Central de conhecimento -
Adicionar o código do Google Tag Manager ao conteúdo do HubSpot
Você pode integrar o Google Tag Manager com o HubSpot para rastrear suas páginas de destino hospedadas no...
Central de conhecimento