Inserir e editar ícones em módulos de rich text

Os ícones ajudam a chamar a atenção para informações e ações importantes no conteúdo rich text. Insira qualquer ícone na biblioteca do Font Awesome para módulos de rich text em posts e páginas de blog. Quando o ícone for adicionado, você pode personalizar sua cor, posicionamento e tamanho.

Observação: os ícones não podem ser adicionados diretamente aos e-mails de marketing. Para usar um ícone em um e-mail, salve o ícone como uma imagem e insira a imagem no editor de e-mail.

Insira um ícone

1. Acesse seu conteúdo:
   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
2. Clique no nome do conteúdo.
3. Clique no módulo de rich text onde deseja exibir o ícone.
4. No canto superior direito da barra de ferramentas de rich text, clique no menu suspenso Inserir e selecione Ícone.

5. Na caixa pop-up, procure o ícone na barra de pesquisa.
6. Clique no ícone para inseri-lo no seu módulo de rich text.
7. Quando terminar, clique em Publicar ou Atualizar no canto superior direito.

Editar um ícone

Edite os estilos, o alinhamento ou o link para outro conteúdo de um ícone. Você também pode substituir um ícone ou removê-lo.

1. Acesse seu conteúdo:
   1. Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   2. Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
   3. Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
2. Clique no nome do conteúdo.
3. No editor de conteúdo, clique no ícone para abrir o editor de ícone.
   • Para editar a cor do ícone, clique no botão backgroundColor cor do ícone menu suspenso e selecione um cor. Para inserir um valor hexadecimal ou um valor de cor RGB , clique na guia Avançado.
   • Use os ícones de recuo indent para mover o ícone para a direita ou para a esquerda.
   • Use os blockAlignmentBottom ícones de alinhamento para ajustar a posição do ícone dentro de um bloco de texto.
   • Para adicionar um link ao seu ícone, clique no ícone de link link e insira um link.
   • Para redimensionar seu ícone, clique e arraste o ícone cantos no editor ou digite valores de pixels para a largura e altura na barra de ferramentas.
4. Para remover um ícone de um módulo de rich text, clique no ícone. Em seguida, clique no ícone excluir delete.
5. Para substituir o ícone, clique no ícone. Em seguida, clique no replace ícone de substituição e selecione um novo ícone.
6. Quando terminar, clique em Publicar ou Atualizar no canto superior direito.

Editar opções avançadas de ícone

Edite as opções avançadas para o seu ícone para adicionar texto de acessibilidade ou personalize o link do ícone. 

1. Acesse seu conteúdo:
   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
2. Clique no nome do conteúdo.
3. No editor de conteúdo, clique no ícone.
4. Clique no edit ícone editar.
5. Na caixa pop-up, clique em Avançado.
6. Se o ícone tiver um link, você poderá selecionar um ou mais tipos de link. Isso informa aos mecanismos de pesquisa como esse link está relacionado ao seu site. Aprender mais sobre diferentes tipos de links.
7. Selecione uma finalidade para sua imagem.
   • Se o seu ícone pretende transmitir informações, selecione Lido por leitores de tela e adicione um título que descreve seu propósito.
   • Se o ícone não transmitir informações, selecione Ignorado pelos leitores de tela.

8. Clique em Aplicar.
9. Quando terminar, clique em Publicar ou Atualizar no canto superior direito.