Ir para o conteúdo principal
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.

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

Ultima atualização: Maio 23, 2024

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Todos os produtos e planos

Você pode adicionar qualquer ícone no Fonte incrível biblioteca para módulos de rich text em postagens 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


Adicione um ícone ao seu conteúdo em um módulo rich text

  • 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.
  • Clique no nome do seu conteúdo. 
  • Clique no módulo de rich text onde deseja exibir o ícone.
  • No canto superior direito da barra de ferramentas de rich text, clique no menu suspenso Inserir e selecione Ícone.

inserir um ícone em uma postagem ou página

  • Na caixa pop-up, procure o ícone na barra de pesquisa. 
  • Clique no ícone para inseri-lo no seu módulo de rich text. 

Editar um ícone

Depois de inserir o ícone, você pode editar sua aparência e posição ou vinculá-lo a outro conteúdo. 

  • 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.
  • Clique no nome do seu conteúdo. 
  • 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 Valor da cor RGB, Clique no Avançado aba. 
    • Use o indent recuar iconiconiconícones para mover o ícone para a direita ou para a esquerda.
    • Use o blockAlignmentBottom alinhamento ícones para ajustar a posição do ícone dentro de um bloco de texto. 
    • Para adicionar um link ao seu ícone, clique no botãolinklink ícone, então 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.
use a barra de ferramentas do ícone
  • Para remover um ícone de um módulo rich text, clique na imagem e, em seguida, clique no botão deleteícone da lixeira .
  • Para substituir o ícone, clique na imagem e depois clique no replace substituir ícone e adicione um novo ícone.

Editar opções avançadas de ícone

Você pode editar as opções avançadas do seu ícone para adicionar um texto de acessibilidade ou personalizar o link do ícone. 

  • No editor de conteúdo, clique no ícone. 
  • Clique no edit editar ícone.
  • Na caixa pop-up, clique em Avançado.
  • Se o seu ícone tiver um link, você poderá selecionar um ou mais tipos de links. Isso informa aos mecanismos de pesquisa como esse link está relacionado ao seu site. Aprender mais sobre diferentes tipos de links.
  • 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 seu ícone não transmitir informações, selecione Ignorado pelos leitores de tela
  • Clique em Aplicar
select-an-icon-purpose-1
Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.