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

Edite conteúdo em módulos rich text

Ultima atualização: 21 de Outubro de 2025

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

Em módulos rich text, você pode adicionar vários tipos de contente , incluindo texto, imagens e links. Os desenvolvedores podem adicionar módulos rich text a modelos codificados personalizados e personalizar suas opções de edição.

Observe: alguns recursos de edição de rich text não estão disponíveis no editor de artigos da base de conhecimento.

Formatar texto em módulos rich text

  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.
    • Central de conhecimento: No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
  2. Clique no nome do conteúdo.
  3. No editor de conteúdo, clique em um módulo rich text para ativar a barra de ferramentas rich text na parte superior do editor. Você também pode clicar em um módulo rich text e, no editor de barra lateral, clicar em Editar na exibição expandida.

Observe: dependendo do tamanho da tela do dispositivo, algumas opções de formatação podem estar localizadas no menu suspenso Mais .

  1. No módulo rich text, destaque texto.
  2. Para definir o tamanho comparativo e a importância do texto no conteúdo, clique no menu suspenso Estilo e selecione uma opção (por exemplo, Parágrafo ou Título 1).
  3. Para definir a fonte do texto, clique no menu suspenso Fonte e selecione uma fonte. Saiba mais sobre como trabalhar com fontes no HubSpot.

No editor de conteúdo, a barra de ferramentas do módulo de rich text fica visível. Uma caixa é colocada ao redor do menu suspenso 'Mais' para exibir opções adicionais de formatação. Nas opções de formatação adicionais, uma caixa é colocada ao redor do menu suspenso 'Fonte'.

  1. Para definir o tamanho do texto, clique no menu suspenso tamanho da fonte e selecione um tamanho de fonte em pixels. 

No editor de conteúdo, a barra de ferramentas do módulo de rich text fica visível. Uma caixa é colocada ao redor do menu suspenso 'Mais' para exibir opções adicionais de formatação. Nas opções de formatação adicionais, uma caixa é colocada ao redor do menu suspenso 'Tamanho da fonte'.

  1. Para transformar o texto em negrito, itálico ou sublinhado, clique em um ícone de estilo (por exemplo, boldIcon negrito, italicIcon itálico, ou underlineIcon sublinhado).
  2. Para alterar a cor do texto, clique no botão textColorIcon ícone cor do texto, selecione uma cor. Para usar um código de cor hexadecimal ou RGB, ou para selecionar uma cor personalizada, clique na guia Avançado .

No editor de conteúdo, a barra de ferramentas do módulo de rich text fica visível. Uma caixa é colocada ao redor do menu suspenso 'Cor da fonte' para exibir as opções de cor da fonte. Nas opções de cor, uma seta aponta para cores na guia Simples.

  1. Para definir uma cor de fundo para o texto, clique no highlight ícone cor do plano de fundo, selecione uma cor. Para usar um código de cor hexadecimal ou RGB, ou para selecionar uma cor personalizada, clique na guia Avançado .
  2. Para alterar o alinhamento do texto, clique no alignLeft Alinhar menu suspenso e selecione um alignCenter ícone de alinhamento.

No editor de conteúdo, a barra de ferramentas do módulo de rich text fica visível. Uma caixa é colocada ao redor do menu suspenso 'Alinhamento' para exibir opções de alinhamento de fonte. Uma seta aponta para as opções de alinhamento.

  1. Para adicionar o texto a uma lista com marcadores, clique no menu suspenso Mais . Em seguida, clique no botão bulletList ícone de lista com marcadores. Para alterar o formato da lista, clique no menu suspenso da lista com marcadores e selecione um bulletDiamond formato.

No editor de conteúdo, a barra de ferramentas do módulo de rich text fica visível. Uma caixa é colocada ao redor do menu suspenso 'Mais' para exibir opções adicionais de formatação. Nas opções de formatação adicionais, uma caixa é colocada ao redor do ícone de lista com marcadores e do menu suspenso de lista com marcadores.

  1. Para adicionar o texto a uma lista numerada, clique no menu suspenso Mais . Em seguida, clique no botão numberList ícone lista numerada. Para alterar o formato da lista, clique no menu suspenso lista numerada e selecione um bulletLowerAlpha formato.
  2. Para definir a altura da linha do texto, clique no lineHeight menu suspenso altura da linha e selecione uma altura.
  3. Para aumentar ou diminuir o recuo do texto, clique no indent aumentar recuo ou outdentIcon diminuir os ícones de recuo .
  4. Para remover o estilo aplicado ao texto, clique no removeTextStyle ícone limpar estilos .
  5. Para adicionar formatação adicional, clique no menu suspenso Mais e selecione a strike riscado, superscript sobrescrito, ou subscript ícone subscrito.
  6. Para formatar o texto como código, clique no menu suspenso Mais e selecione a code ícone de formato de código.
  7. Quando terminar, clique em Atualizar ou Publicar para colocar suas alterações em funcionamento.

Adicionar elementos a módulos de rich text

  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.
    4. Central de conhecimento: No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
  2. Clique no nome do conteúdo.
  3. No editor de conteúdo, clique em um módulo rich text para ativar a barra de ferramentas rich text na parte superior do editor. Você também pode clicar em um módulo rich text e, no editor de barra lateral, clicar em Editar na exibição expandida.
  4. Para inserir um link, realce o texto e clique no botão link ícone inserir link . Aprender mais sobre trabalhando com links no HubSpot.
  5. Para inserir uma imagem, clique no botão insertImage ícone inserir imagem . Aprender mais sobre trabalhando com imagens no HubSpot.
  6. Para inserir um emoji, clique no botão emoji inserir ícone emoji.
  7. Para inserir uma call to action, clique no menu suspenso Inserir e selecione ctaCall to action . Aprender mais sobre trabalhando com frases de chamariz no HubSpot.
  8. Para inserir um código de incorporação, clique no menu suspenso Inserir e selecione Incorporar. Saiba mais sobre a incorporação de conteúdo no HubSpot.
  9. Para inserir um vídeo, clique no menu suspenso Inserir , passe o mouse sobre Vídeo e selecione vídeo deHubSpot. Saiba mais sobre como trabalhar com vídeos no HubSpot.
  10. Para inserir uma tabela, clique no menu suspenso Inserir , passe o mouse sobre Tabela e selecione o ícone de tabela . Saiba mais sobre o trabalho com tabelas no HubSpot.
  11. Para inserir um caractere especial, clique no menu suspenso Inserir e selecione Caractere especial. Na caixa pop-up, clique em um caractere especial.
  12. Para inserir um ícone, clique no menu suspenso Inserir e selecione Ícone. Na caixa pop-up, clique em um ícone. Aprender mais sobre trabalhando com ícones no HubSpot.
  13. Para inserir um link de âncora, clique no menu suspenso Inserir e selecione Âncora. Saiba mais sobre como trabalhar com links âncora no HubSpot.
  14. Para inserir uma linha horizontal, clique no menu suspenso Inserir e selecione Linha horizontal.
  15. Para inserir um espaço não-separável, clique no menu suspenso Inserir e selecione Espaço não-separável.

No editor de conteúdo, a barra de ferramentas do módulo rich text está visível. Uma caixa é colocada ao redor do menu suspenso 'Inserir' para exibir as opções. Uma seta aponta para as opções de inserção, incluindo call-to-action, embed, vídeo, tabela e muito mais.

  1. Para inserir um token de personalização, clique em Personalizar.
  2. Quando terminar, clique em Atualizar ou Publicar para ativar as alterações.

Use recursos de edição avançados em módulos de rich text

  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.
    • Central de conhecimento: No seu portal da HubSpot, acesse Atendimento > Central de Conhecimento.
  2. Clique no nome do conteúdo.
  3. No editor de conteúdo, clique em um módulo rich text para ativar a barra de ferramentas rich text na parte superior do editor. Você também pode clicar em um módulo rich text e, no editor de barra lateral, clicar em Editar na exibição expandida.
  4. Para acessar o código-fonte do módulo, clique no menu suspenso Avançado e selecione Código-fonte. Na caixa de diálogo, edite o código-fonte e clique em Salvar alterações.
  5. Para exibir o conteúdo separado em blocos de conteúdo, clique no menu suspenso Avançado e selecione Mostrar blocos. Para exibir o conteúdo sem blocos novamente, clique no menu suspenso Avançado e selecione Ocultar blocos. Nenhuma das opções afetará a forma como o seu conteúdo aparece para os visitantes.
  6. Quando terminar, clique em Atualizar ou Publicar para colocar suas alterações em funcionamento.
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.
Índice Menu

Conteúdo relacionado

New to HubSpot? Use these guides to get started.