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.
Landing Pages

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

Ultima atualização: Agosto 24, 2021

Disponível para

Todos os produtos e planos

Você pode adicionar qualquer ícone da biblioteca de Font Awesome nos módulos de rich text em posts de blog e páginas. 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


Adicionar um ícone no conteúdo em um módulo de rich text

  • Acesse seu conteúdo:

    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
    • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
  • Passe o cursor do mouse sobre o nome do post de blog ou da página e clique em Editar
  • 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.

insert-a-new-icon


  • Na janela pop-up, pesquise 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, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
    • Blog Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
  • Passe o mouse sobre o nome do post do blog ou página e clique em Editar
  • No editor de conteúdo, clique no ícone para abrir o editor de ícone.
    1. Para editar a cor do ícone, clique no menu suspenso backgroundColor cor do ícone e selecione uma cor. Para inserir um valor hexadecimal ou um valor de cor RGB, acesse a guia Avançado
    2. Use os ícones de recuoindent iconiconicon para mover o ícone para a direita ou para a esquerda.
    3. Use os blockAlignmentBottom ícones de alinhamento para ajustar a posição do ícone dentro de um bloco de texto. 
    4. Para adicionar um link ao ícone, clique nolinkícone de link.
    5. Para redimensionar seu ícone, clique e arraste os cantos do ícone no editor ou digite os valores de pixels para a largura e altura na barra de ferramentas.
insert-an-icon-1
  • Para remover um ícone de um módulo de rich text, clique na imagem e, em seguida, no deleteícone de lixeira.
  • Para substituir o ícone, clique na imagem e, em seguida, no replace ícone de substituição
    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 ícone de edição.
  • No canto superior direito da janela pop-up, clique em Avançado.
  • Se o ícone estiver vinculado, você pode selecionar um ou mais tipos de link. Isso informa aos mecanismos de pesquisa como esse link está relacionado ao seu site. Saiba mais sobre os tipos de links diferentes.
  • Selecione uma finalidade para sua imagem.
    • Se o ícone for utilizado para transmitir informações, selecione Leitura por leitores de tela e adicione um título que descreva sua finalidade.
    • Se o seu ícone não transmitir informações, selecione Ignorado pelos leitores de tela
select-an-icon-purpose-1