No editor de conteúdo e no gerenciador de design, certos módulos padrão estão disponíveis para uso na maioria dos tipos de conteúdo.
Usando os snippets do HubL, você também pode adicionar esses módulos padrão a modelos HTML. Saiba mais sobre como trabalhar com módulos padrão em modelos personalizados na documentação do desenvolvedor.
No gerenciador de design, você pode adicionar módulos padrão para arrastar e soltar modelos usando o editor de layout.
Todas as contas do Marketing Hub Professional e Enterprise e do Content Hub Professional e Enterprise têm uma pasta @hubspot no gerenciador de design.
Esta pasta contém todos os seus temas e módulos padrão, incluindo módulos de e-mail de arrastar e soltar. Estes temas e módulos são somente leitura, mas podem ser clonados se você quiser editá-los.
O modelo reserva de cancelamento de assinatura é exibido aos destinatários que clicam em um link de cancelamento de assinatura se o HubSpot não conseguir determinar o endereço de e-mail deles. Você pode personalizar o texto de ajuda que aparece na página reserva de cancelamento de assinatura na seção Conteúdo padrão deste módulo.
Observação: o módulo de comentários do blog não está disponível para modelos de página ou de e-mail.
O módulo de comentários do blog adiciona uma seção de comentários a um modelo de post de blog. Você pode personalizar o formulário de comentários do blog na ferramenta de formulários. O nome do formulário será baseado no título do seu blog.
Observação: o módulo de conteúdo de blog não está disponível para modelos de página ou de e-mail.
O módulo de conteúdo do blog contém a marcação HTML/HubL para posts de blog e páginas de listagem de blog. Você pode editar a marcação dos posts clicando em Editar modelo de post e editar a marcação da sua página de listagem clicando em Editar modelo de listagem. Saiba mais sobre marcação do módulo de conteúdo do blog.
Observação: o módulo de assinatura de e-mail do blog não está disponível para modelos de e-mail.
O módulo de assinatura de e-mail do blog permite que os visitantes assinem seus e-mails de resumo do blog preenchendo um formulário. Este módulo é preenchido pelo seu formulário de assinatura de blog, que pode ser personalizado na ferramenta de formulários.
Clique no menu suspenso Selecione o blog para exibir e selecione o blog em que os visitantes estão se inscrevendo. Na caixa de texto Título para exibir acima do formulário, personalize o texto que aparecerá no título acima do formulário. Coloque o cursor sobre a resposta em linha existente e clique no ícone Expandir para personalizar o texto que aparece depois que um visitante envia o formulário.
Um módulo de call to action (CTA) adiciona uma CTA a um módulo próprio dentro do layout. Também é possível inserir uma CTA em um módulo de rich text .
No inspetor, clique no menu suspenso CTA banner e selecione uma CTA padrão para este módulo no seu modelo. Ou clique em + Criar nova CTA no mesmo menu para criar uma nova CTA como sua CTA padrão.
Você pode usar o módulo da biblioteca de conteúdo para configurar uma biblioteca de recursos para que os visitantes possam acessá-la. Para a biblioteca, você pode definir o layout, os ícones, as fontes e as cores do recurso. Para cada recurso, você pode definir um nome, descrição, link ou arquivo e imagem de exibição.
Você também pode definir o conteúdo como "em destaque" para que apareça na parte superior da biblioteca e ocupe uma linha inteira.
Observação: o módulo de formulário não está disponível para modelos de e-mail.
O módulo de formulário permite adicionar um formulário à sua página ou blog para capturar informações de contato dos visitantes do seu site.
Para esse módulo, você pode personalizar as seguintes configurações:
Um módulo de cabeçalho mostra uma linha de texto em uma tag HTML heading. Insira o texto de cabeçalho padrão na caixa Conteúdo do cabeçalho. Clique no menu suspenso Tipo de cabeçalho para selecionar a tag de cabeçalho (H1-H4).
Um módulo de imagem adiciona uma imagem ao conteúdo. Saiba mais sobre as opções de edição para módulos de imagem.
Um módulo de galeria de imagens adiciona uma série de imagens alternantes a um módulo. Saiba mais sobre as configurações personalizáveis do módulo da galeria de imagens.
Observação: o módulo de alteração de idioma não está disponível para modelos de e-mail.
O módulo de troca de idiomas permite que os visitantes alternem entre as versões traduzidas de uma página ou blog. Clique no menu suspenso Modo de exibição para personalizar como os nomes dos seus idiomas traduzidos serão exibidos:
Este módulo aparecerá apenas nas páginas ativas com mais de uma tradução publicada. Saiba mais sobre como trabalhar comconteúdo multilíngue no HubSpot.
O módulo Logotipo obtém automaticamente o logotipo da sua empresa das configurações do seu site. Para usar um logotipo diferente, clique para ativar o botão Substituir o logotipo padrão para esta página para carregar uma nova imagem apenas para esta página. Para alterar o logotipo padrão para todo o conteúdo nas configurações do seu site, clique em Editar logotipo padrão nesse domínio.
Seu módulo de logotipo será vinculado automaticamente ao URL especificado em seu kit de marca. Para substituir este padrão e encaminhar para uma página diferente, insira um URL de link único.
Com o módulo de grid de logotipo, você pode organizar vários logotipos de diferentes dimensões em um grid consistente. Você pode personalizar a cor de fundo, a proporção, o tamanho do grid, o tamanho do espaçamento e a altura máxima do logotipo.
O módulo de corpo principal do e-mail é um módulo de rich text padrão que é incluído em todos os modelos de e-mail. É possível personalizar o conteúdo padrão do corpo do e-mail em um modelo específico.
Além das opções de estilo padrão, esse módulo pode ser personalizado com cores padrão, bordas e espaçamento. Clique na bolha de cor e selecione uma cor no seletor de cores ou insira um valor hexadecimal no campo de texto para definir cores padrão. Insira os valores de pixel nos campos de texto Largura da borda e Espaçamento interno para definir o espaçamento padrão.
O módulo de menu adiciona navegação ao seu conteúdo e modelos. Os menus são criados e gerenciados diretamente nas configurações do site.
Nas ferramentas de design, você pode personalizar os seguintes recursos do módulo de menu:
Os módulos criados no editor de código permitem utilizar HTML, CSS, Javascript e HubL para adicionar funcionalidades avançadas aos seus modelos, permitindo ainda que os seus usuários editem o conteúdo do módulo no editor de conteúdo sem alterar o código. Estes componentes serão identificados com um ícone de módulo no finder e no inspetor. Saiba mais sobre como trabalhar com módulos codificados personalizados na nossa documentação para desenvolvedores.
O módulo de localização do escritório inclui os tokens necessários que devem ser incluídos em um modelo de e-mail para enviar legalmente mensagens de marketing. Embora seja possível editar o estilo deste módulo, não será possível salvar um modelo de e-mail sem um módulo de informações sobre a localização do escritório ou as tagsnecessárias HubL .
Além das opções de estilo padrão, esse módulo pode ser personalizado com cores padrão, bordas e espaçamento. Clique na bolha de cor e selecione uma cor no seletor de cores ou insira um valor hexadecimal no campo de texto para definir cores padrão. Insira os valores de pixel nos campos de texto Largura da borda e Espaçamento interno para definir o espaçamento padrão.
O módulo de uma linha de texto permite aos usuários editar uma única linha de texto no editor de conteúdo.
O módulo de rodapé da página apresenta informações de direitos autorais, incluindo o ano atual e o nome da sua empresa. O nome da empresa é obtido automaticamente da seção Rodapé das suas configurações de e-mail.
O módulo de solicitação de senha está disponível nos modelos de sistema de solicitação de senha. Se uma página for protegida por senha, a página de solicitação de senha será exibida antes que um usuário possa acessá-la. Você pode personalizar o texto do botão Enviar e o texto a exibir se a senha incorreta for inserida.
Observação: o módulo de assinatura de e-mail do blog não está disponível para modelos de e-mail.
O módulo de filtro de post exibe uma lista de artigos do blog de um tópico específico, mês ou autor.
Você pode personalizar as seguintes configurações para este módulo na seção Conteúdo padrão:
Observação: o módulo de assinatura de e-mail do blog não está disponível para modelos de e-mail.
O módulo de listagem de posts é usado para exibir uma lista de posts de um blog da HubSpot. Você pode definir o módulo para exibir os posts mais recentes ou mais populares no último mês, nos últimos seis meses, no último ano ou desde sempre.
Você pode personalizar os seguintes padrões de conteúdo no inspetor:
Usando o módulo do produto, você pode exibir produtos da biblioteca de produtos em páginas e posts. As informações padrão dos produtos são exibidas, mas você pode optar por substituí-las em uma página por nível de página.
O módulo de rich text é o módulo de conteúdo mais comumente utilizado nas ferramentas de conteúdo da HubSpot. Oferece suporte a opções de edição para diferentes componentes, como texto, imagens e CTAs.
Para adicionar conteúdo padrão a este módulo, clique em Expandir ou clique em Visualizar conteúdo para abrir um editor de rich text.
Observação: o módulo de listagem RSS não está disponível para modelos de e-mail. Em vez disso, utilize um e-mail de RSS.
Você pode usar um módulo de listagem de RSS para exibir resumos de posts para um blog da HubSpot ou um feed RSS externo.
Os módulos de listagem de RSS podem mostrar um blog ou tag específica. Clique para ativar a opção correspondente para indicar se uma imagem em destaque, o nome do autor, o resumo ou a data de publicação devem ser mostrados em cada post.
Depois de ativar estas configurações, você pode personalizar os seguintes detalhes:
O módulo de cabeçalho de seção permite mostrar uma tag de cabeçalho h1 com um parágrafo de subtítulo. Este módulo é ideal para intitular a seção principal de uma página.
Módulos de menu simples permitem que usuários criem menus específicos de página no editor de conteúdo. Este módulo fornece a flexibilidade de construir um menu simples para um modelo específico. No inspetor, clique em Editar menu para adicionar itens de menu, links e selecionar a orientação do menu. A configuração de orientação do menu adiciona uma classe hs-menu-flow-horizontal ou hs-menu-flow-vertical à caixa de menu, que pode ser usada para estilizar no CSS. Saiba mais sobre as classes adicionadas pelas configurações de módulo em nossa documentação para desenvolvedores.
O módulo de compartilhamento social permite que os visitantes compartilhem facilmente seu conteúdo nos canais de mídias sociais e por e-mail. Clique para ativar o botão Ativação? ao lado de uma rede social específica para incluí-la em sua página ou e-mail.
O link de compartilhamento será preenchido automaticamente com as tags HubL necessárias para compartilhar seu conteúdo. Nos e-mails, o módulo utilizará o URL da versão Web desse e-mail no link de compartilhamento.
Observação: o módulo de compartilhamento social utiliza ícones padrão para cada rede social. Se quiser utilizar os seus próprios ícones sociais personalizados, você poderá criar uma versão personalizada do módulo.
Com um módulo para seguir nas redes sociais, você pode direcionar os visitantes para seguir sua empresa nas redes sociais. Para cada rede social, é possível definir um link ou endereço de e-mail personalizado. No gerenciador de design, você também pode definir ícones personalizados para cada rede social.
Os módulos de preferências de assinatura somente estão disponíveis nos modelos de sistema das preferências de assinatura.
Esses módulos permitem personalizar a página que um destinatário de e-mail vê quando ele acessa o gerenciamento das suas preferências de assinatura ou cancela a assinatura de suas comunicações de e-mail.
O módulo de confirmação de atualização da assinatura é um módulo de rich text que está disponível nos modelos de sistema de confirmação de atualização da assinatura. Ele permite personalizar o que é exibido quando um destinatário do e-mail atualiza suas configurações de assinatura.
O módulo Exibir como página da web permite aos destinatários abrir a versão de página da web de um e-mail.
Observação: este módulo está disponível apenas para contas do Marketing Hube do Service Hub Professional e Enterprise.
Utilize o módulo de link do WhatsApp para adicionar uma forma de os visitantes do site entrarem em contato com você diretamente através do WhatsApp. Este módulo pode ser adicionado a páginas de site, posts de blog e páginas de listagem de blog. Para utilizar este módulo, é necessário conectar seu canal do WhatsApp à caixa de entrada de conversas.
O estilo do botão, como a cor e o espaçamento, pode ser personalizado na guia Estilos do editor de páginas, e você pode configurar os seguintes elementos: