Use ícones sociais personalizados nas páginas do HubSpot ou modelos

Para usar ícones sociais personalizados em módulos de Me Siga ou de Compartilhamento social em uma página da HubSpot ou modelo, crie uma versão personalizada do módulo para adicionar seus próprios ícones sociais.

1. Clonar o módulo padrão

• Na sua conta da HubSpot, acesse Conteúdo > Design Manager.
• No canto superior esquerdo, use a barra de pesquisa para localizar o módulos Me Siga ou Compartilhamento Social.
• Clique no nome do módulo.para abri-lo no editor.
• No alerta no editor de módulo, clique em Clonar módulo.

• Na caixa de diálogo, insira um nome para seu módulo clonado e clique em Clonar.
  
  

3. Substituir os ícones

• No inspetor de módulo, localize a seção de arquivos vinculados. Em Outros Arquivos, leia os nomes de arquivo de ícone social para cada rede (por ex. facebook-color.png).
• Verifique se suas imagens de ícone social personalizado estão no formato png e tenha nomes de arquivo iguais aos arquivos de ícone social existentes para cada rede no módulo (por ex. facebook-color.png).
• Para substituir um ícone social existente para uma rede, clique no símbolo x no lado direito do arquivo. Depois, clique Adicionar ao lado de Outros Arquivos.

• No painel direito, use a barra de pesquisa para localizar o ícone social personalizado no gerenciador de arquivos ou clique em Adicionar arquivo no canto inferior esquerdo e selecione Carregar arquivos para carregar os ícones sociais personalizados do seu dispositivo.
• Clique no nome do arquivo para adicionar o ícone ao módulo.

• Após substituir os arquivos de ícones sociais, clique em Visualizar no canto superior direito do editor de módulo para abrir uma visualização do módulo.
• Quando você está satisfeito com como o módulo aparece, clique em Publicar alterações no canto superior direito do editor de módulo. Agora, você pode adicionar esse novo módulo personalizado ao seu conteúdo da HubSpot.

3. Adicionar o módulo ao seu modelo

Com o módulo publicado, você pode adicioná-lo a um modelo de arrastar e soltar ou a um modelo codificado.

Modelos de arrastar e soltar

Para adicionar seu novo Compartilhamento social ou o módulo Siga-me a um modelo de arrastar e soltar, confira nosso guia sobre como adicionar módulos aos modelos.

Modelos de programação

Para adicionar esse novo módulo a um modelo codificado:

• Abra o módulo no seu gerenciador de design.
• No canto superior esquerdo, clique no menu suspenso Ações e selecione Copiar snippet.
  
  
• Navegue até o modelo codificado ao qual deseja adicionar este módulo.
• No modelo codificado, cole o snippet onde deseja que o módulo apareça.
• No canto superior direito, clique em Publicar.