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: Junho 22, 2023

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

Todos os produtos e planos

Pode adicionar qualquer ícone da biblioteca Font Awesome a módulos de rich text em posts e páginas de blogues. 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 utilizar um ícone numa mensagem de correio eletrónico, guarde o ícone como uma imagem e, em seguida, insira a imagem no editor de correio eletrónico


Adicionar um ícone ao seu conteúdo num módulo de rich text

  • Acesse seu conteúdo:

    • Páginas do site: Na sua conta 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.
  • Passar o cursor sobre uma página ou postagem e clicar 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.

inserir um ícone num post ou numa 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 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.
  • Passar o cursor sobre uma página ou postagem e clicar em Editar. 
  • No editor de conteúdo, clique no ícone para abrir o editor de ícone.
    • Para editar a cor do ícone, clique no menu pendente backgroundColor icon color e seleccione uma cor . Para introduzir um valor hexadecimal  ou um valor de cor RGB , clique no separador Avançado 
    • Utilize os ícones indent indent iconiconiconpara mover o ícone para a direita ou para a esquerda.
    • Utilize os ícones blockAlignmentBottom alinhamento para ajustar a posição do ícone num bloco de texto. 
    • Para adicionar um link ao seu ícone, clique no íconelinklink e, em seguida, inserir um link.
    • Para redimensionar o ícone, clique e arraste os cantos do ícone no editor ou introduza os valores de pixel para a largura e altura na barra de ferramentas.
utilizar o ícone da barra de ferramentas
  • Para remover um ícone de um módulo de rich text, clique na imagem e, em seguida, clique no ícone do lixo delete .
  • Para substituir o ícone, clique na imagem e, em seguida, clique no ícone replace replace 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 ícone de edição edit .
  • Na caixa pop-up, clique em Advanced.
  • Se o seu ícone tiver uma ligação, pode selecionar um ou mais tipos de ligação . Isso informa aos mecanismos de pesquisa como esse link está relacionado ao seu site. Saiba mais sobre diferentes tipos de ligações.
  • Selecione uma finalidade para sua imagem.
    • Se o seu ícone se destina a transmitir informações, seleccione Read by screen readers e adicione um título que descreva a sua finalidade.
    • Se o seu ícone não transmitir informações, seleccione Ignorado pelos leitores de ecrã
  • 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.