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, navegue no seu blog, páginas de destino, site ou email.
• 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. Clique no círculo de cores correspondente para selecionar uma cor para o seguinte:
     • Borda da tabela: a borda ao redor de toda a tabela.
     • Borda da célula: a borda ao redor das células selecionadas.
     • Fundo da célula: a cor de fundo das células selecionadas.
  2. Deslocamento de célula: ajuste o espaçamento ao redor de cada célula.
  3. Espessura da borda: ajuste a espessura da borda da tabela.
  4. Alinhamento horizontal: ajuste o alinhamento horizontal do texto ou do conteúdo dentro de uma célula selecionada.
  5. Alinhamento vertical: ajuste o alinhamento vertical do texto ou o conteúdo dentro de uma célula selecionada.
  6. Largura da célula: defina uma largura exata para as células selecionadas.
  7. Altura da célula: defina uma altura exata para as células selecionadas.
  8. Estilo de borda: selecione um estilo para a borda da sua tabela (pontos, traços etc.).
  9. Estilo: edite o código-fonte para aplicar estilos à sua tabela.

Observação: para atualizar o código no campo Estilo, é preciso ter um entendimento básico de HTML.

• Clique na guia Propriedades para editar a posição da tabela na página.
  • Largura da tabela: insira uma largura específica para sua tabela.
  • Altura da tabela: insira uma altura específica para sua tabela.
  • Layout da tabela: selecione como sua tabela se ajusta aos outros conteúdos no módulo de rich text. 
  • Legenda: para adicionar um campo de texto acima da sua tabela, clique para ativar a Legenda. Clique com o mouse no campo de texto acima da tabela e digite sua legenda.

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.