Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Agrega una tabla a un módulo de texto enriquecido

Última actualización: noviembre 10, 2020

Requisitos

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Las tablas pueden ser útiles para organizar listas, mostrar calendarios o agregar una leyenda en una imagen. Descubre cómo agregar una tabla a un módulo de texto enriquecido en una página de HubSpot, publicación de blog, correo electrónico o base de conocimientos.

Nota: las tablas no son compatibles en el editor de correo electrónico arrastrar y soltar.

Agregar o eliminar una tabla

  • Haz clic en cualquier módulo de texto enriquecido para abrir el editor de contenido.
  • En la barra de herramientas de texto enriquecido, haz clic en el   menú desplegable Insertar y coloca el cursor sobre Tabla
  • Selecciona el número de columnas y filas para tu tabla en la cuadrícula y luego haz clic para insertar la tabla en tu contenido.
  • Para expandir la altura o el ancho de tu tabla, haz clic y arrastra las esquinas azules.
  • Agrega contenido a cualquier celda dentro de la tabla. Las imágenes se redimensionarán según la celda que seleccionaste. 
  • Para ajustar el tamaño de una fila o columna, haz clic y arrastra el borde.
  • Para eliminar una tabla de tu contenido, haz clic en la tabla  y selecciona Eliminar.

insert-table

Edita tu tabla

Puedes modificar las propiedades de tu tabla, o editar las celdas específicas resaltándolas con el cursor. Para editar tu tabla:

  •   Haz clic en el tablay selecciona Editar
  • En el Formato pestaña, puedes:
    • Insertar una nueva fila o columna dentro de una celda. 
    • Eliminar una fila o columna seleccionada en tu tabla.
    • Combinar dos o más celdas seleccionadas en tu tabla.
    • Dividir celdas que previamente se combinaron.
  • Haz clic en  pestaña Estilo para editar los colores, bordes y espacios de tu tabla. Para acceder a todas las opciones de estilo disponibles para tu tabla, haz clic en Avanzado.
    1. Diseño: selecciona cómo se alinea tu tabla con otros contenidos en tu módulo de texto enriquecido. 
    2. Borde: personaliza el estilo del borde de la tabla.
      • Color: haz clic en la burbuja de color para seleccionar una imagen con el selector cromático. Para introducir un valor hexadecimal específico, haz clic en la pestaña Avanzado.
      • Ancho: el ancho del borde de las celdas seleccionadas.
      • Estilo: selecciona un estilo para el borde de tu tabla (puntos, guiones, etc.).
    3. Dimensiones: personaliza el tamaño de tu tabla.
      • Ancho: establece un ancho exacto para las celdas seleccionadas.
      • Alto: establece una altura exacta para las celdas seleccionadas.
      • Márgenes de celdas: ajusta el espaciado alrededor de las celdas seleccionadas.
    4.  Leyenda de la tabla: agrega una leyenda encima de la tabla.
    5. Responsivo: haz clic para activar el interruptor Responsivo para permitir el desplazamiento horizontal. De esta manera, tu contenido no superará el tamaño de una pantalla más pequeña.
    6. CSS: edita el código fuente de los estilos aplicados a tu tabla.
    7.  
  •  
  •  

Nota: actualizar el código en el campo CSS requiere una comprensión básica de HTML.

table-style

Copiar y pegar una tabla de una hoja de cálculo

También puedes copiar y pegar una tabla de una hoja de cálculo en el editor. Sin embargo, con este método es posible que aparezca espacio adicional dentro de las filas y las columnas de la tabla. Para eliminar ese espacio, revisa el código fuente del editor y asegúrate de que los atributos de relleno y espaciado de la tabla estén establecidos en 0. 

source-code-cellspacing