Use ícones sociais personalizados no conteúdo

Os módulos padrão de compartilhamento Social e Acompanhamento Social da HubSpot incluem ícones de redes sociais comuns (por exemplo, Facebook ou LinkedIn). Para substituir os ícones sociais padrão, você pode clonar e personalizar o módulo. Em seguida, adicione seu módulo social personalizado em suas páginas ou modelos. 

Clonar o módulo social padrão

1. Na sua conta da HubSpot, acesse Conteúdo > Design Manager.
2. No localizador, insira o texto para pesquisar o módulo Compartilhamento social ou Seguir na rede social .
3. Clique no módulo Seguir na rede Social ou Compartilhamento social. 
4. No editor de módulos, clique em Clonar módulo no alerta O módulo é somente leitura .

5. Na caixa de diálogo, insira um nome para o seu módulo clonado e clique em Clone. Você será direcionado para o editor do módulo para continuar personalizando os ícones sociais.

Substitua os ícones sociais

1. No inspetor, localize a seção Arquivos vinculados. Para o campo Outros arquivos, anote os nomes de arquivo de ícone de social para cada rede (por exemplo, facebook-color.png ou linkedin-color.png).
2. Confirme se as imagens personalizadas de ícones sociais estão no formato PNG.
   
3. Confirme se suas novas imagens de ícone de social têm os mesmos nomes de arquivo que os arquivos de ícone de social existentes para cada rede no módulo (por exemplo, facebook-color.png ou linkedin-color.png).
4. Clique no X para remover o arquivo de ícone social existente.
5. Clique em Adicionar ao lado do campo Outros arquivos.

6. No painel direito, localize seu ícone social personalizado no gerenciador de arquivos. Para carregar um arquivo do seu dispositivo, clique em Carregar.
7. Clique no nome do arquivo para adicionar o ícone ao módulo.
8. Para visualizar o módulo social, clique em Visualizar no canto superior direito do editor de módulo.
9. Quando terminar, clique em Publicar alterações. 

Adicionar o módulo ao seu modelo

Depois que o módulo social for publicado, você poderá adicioná-lo a um modelo de arrastar e soltar ou a um modelo codificado.

Modelos de arrastar e soltar

1. Na sua conta da HubSpot, acesse Conteúdo > Design Manager.
2. No localizador, clique no nome de um modelo. 
3. No inspetor, clique em + Adicionar. 
4. Clique no novo módulo social e arraste-o para a posição no seu modelo. 
5. Quando terminar, clique em Publicar alterações no canto superior direito.

Modelos codificados

1. Na sua conta da HubSpot, acesse Conteúdo > Design Manager.
2. No localizador, clique no novo módulo social.
3. Clique no menu suspenso Ações e selecione Copiar snippet .
4. No localizador, clique no modelo codificado. 
5. No editor de código, cole o snippet onde deseja que o módulo apareça.
6. Quando terminar, clique em Publicar alterações no canto superior direito.