Adicionar uma tabela a um módulo de rich text

Tabelas podem ser úteis para organizar listas, exibir calendários ou adicionar legendas sob imagens. Saiba como inserir uma tabela em um módulo rich text de uma página, de um post de blog ou de um artigo da base de conhecimento do HubSpot.

Observação: as tabelas não são suportadas no editor de e-mail do tipo arrastar e soltar.

Adicionar ou remover uma tabela

• Na sua conta da HubSpot, acesse seu blog, landing pages, site, base de conhecimento ou e-mail.
• Passe o mouse sobre a página, post de blog ou rascunho de e-mail e clique em Editar. Para criar uma nova página, post ou e-mail, no canto superior direito, clique em Criar [conteúdo].

• Clique em qualquer módulo rich text para abrir o editor de conteúdo.
• Na barra de ferramentas de rich text, clique no menu suspenso Inserir e passe o mouse sobre a Tabela. 
• Selecione o número de colunas e linhas para sua tabela na grade e clique para inserir a tabela no conteúdo.

• Para expandir a altura ou a largura da tabela, clique e arraste os cantos azuis.
• Adicione conteúdo a qualquer célula na tabela. As imagens serão redimensionadas para se ajustarem à célula selecionada. 
• Para ajustar o tamanho de uma linha ou coluna, clique e arraste a borda.
• Para excluir uma tabela do seu conteúdo, clique na tabela e selecione Remover.

Editar sua tabela

Você pode modificar propriedades de toda a sua tabela ou editar células específicas, realçando-as com o cursor. Para editar a tabela:

• Clique na tabela e selecione Editar.
• Na guia Formato, você pode:
  • Insira uma nova linha ou coluna em uma célula. 
  • Exclua uma linha ou coluna selecionada na tabela.
  • Mescle duas ou mais células selecionadas na tabela.

• • Divida células que foram mescladas anteriormente.
• Clique na guia Estilo para editar as cores, as bordas e o espaçamento da tabela. Para acessar todas as opções de estilo disponíveis para sua tabela, clique em Avançado.
  1. Layout: selecione como sua tabela alinha com outro conteúdo no módulo de rich text. 
  2. Borda: personalize o estilo da borda da tabela:
     • Cor: clique no balão de cores para selecionar uma imagem com o seletor de cores. Para inserir um valor hexadecimal específico, clique na guia Avançado.
     • Largura: a largura da borda ao redor das células selecionadas.
     • Style: selecione um estilo para a borda da sua tabela (pontos, traços, etc.).
  3. Dimensões: personalize o tamanho da sua tabela.
     • Largura: defina uma largura exata para as células selecionadas.
     • Altura: defina uma altura exata para as células selecionadas.
     • Deslocamento de célula: ajuste o espaçamento em torno das células selecionadas.
  4.  Legenda da tabela: adicione uma legenda acima da sua tabela.
  5. Responsivo: clique para ativar o botão Responsivo para permitir rolagem horizontal. Dessa forma, seu conteúdo não vai transbordar em um tela de tamanho menor.
  6. CSS: edite o código fonte dos estilos aplicados à sua tabela.
  7.  

Observação: atualizar o código no campo CSS requer uma compreensão básica de HTML.

Copiar e colar uma tabela de uma planilha

Você também pode copiar e colar uma tabela de uma planilha para o editor. No entanto, com esse método, é possível que surjam espaços adicionais entre as linhas e colunas da tabela. Para remover esses espaços, revise o código fonte do editor e verifique se os atributos de cellpadding e cellspacing da tabela estão definidos como 0.