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: Junho 2, 2020

Disponível para

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

Use o criador de modelos da HubSpot para criar modelos com os módulos em uma interface de arrastar e soltar. Esses modelos servirão como base das suas páginas, e-mails e blogs. Saiba mais sobre como criar modelos no HubSpot nessa lição do Academy.

Se a equipe de Serviços técnicos da HubSpot tiver definido modelos, você já terá modelos personalizados para adaptar os requisitos de design do seu site.

Para criar um modelo HTML, saiba como criar um modelo codificado personalizado.

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 de arrastar e soltar.

O que é um modelo do Hubspot?

Um modelo do HubSpot serve como base para o conteúdo criado. Os modelos são criados por meio da organização de uma variedade de módulos de conteúdo em uma interface de arrastar e soltar. 

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.
  • Clique em Arquivo Novo arquivo na parte superior do localizador para criar um novo modelo.

novo-arquivo

  • Na caixa de diálogo, selecione Arrastar e soltar.
  • Use o menu suspenso para selecionar o tipo de modelo. Embora a maioria dos módulos padrão esteja disponível para qualquer modelo, alguns módulos estão limitados a determinados tipos de modelos. Você pode selecionar os seguintes tipos de modelos:
    • Blog: modelos estruturados que servem como base de publicações de blog individuais e páginas de listagem de blog.
    • E-mail: modelos estruturados que servem como base dos e-mails.
    • Página: modelos estruturados que servem como base do site e das landing pages.
    • Sistema: modelos estruturados para páginas de erro, solicitação de senha e assinatura de e-mail
  • Em seguida, forneça um nome de arquivo para o modelo. Quando terminar, clique em Criar.
new%20file
 

Estruturar e personalizar o modelo

Você pode adicionar mais módulos  ao modelo usando o inspetor localizado à direita. Clique em Adicionar no inspetor para pesquisar os módulos que devem ser adicionados ao layout do 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, será possível adicionar um estilo ao cabeçalho do modelo no inspetor. 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 ao vivo com opções de exibição, poderá ver uma visualização de como o e-mail será 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ê poderá selecioná-lo para novas páginas ou e-mailsVocê também pode selecionar este modelo para o seu blog nas configurações de blog

/pt/cms-general/create-page-email-and-blog-templates-in-the-layout-editor