Cómo crear una tabla Elementor en WordPress

Las tablas son un componente clave en la mayoría de los sitios web. Puede usarlos para compartir todo tipo de información, desde precios hasta listas de características y enlaces. WordPress le permite configurar tablas básicas para su sitio web, pero es posible que esté buscando más opciones de personalización.

Con Elementor, obtienes acceso a múltiples widgets de tablas. Además, hay muchos complementos de tabla de Elementor que agregan nuevos widgets al popular creador de páginas.

En este artículo, hablaremos sobre cómo funcionan las tablas de WordPress y cómo se comparan con los widgets de Elementor. Luego, le mostraremos cómo crear tablas de Elementor manualmente y le presentaremos algunos complementos que agregan nuevos widgets de tabla al editor. ¡Hagámoslo!

Cuándo usar las tablas de WordPress

Una vez que comience a buscarlos, notará que las tablas están en todas partes en la web. Eso es porque son algunos de los elementos más versátiles que puedes usar en un sitio web.

Tome las tablas de precios, por ejemplo. Es difícil encontrar un servicio o sitio web de suscripción que no use tablas para ayudarlo a comparar opciones:

Las tablas le permiten presentar grandes cantidades de información de una manera fácil de digerir para los lectores. Aún mejor, las tablas facilitan a los usuarios comparar múltiples conjuntos de datos entre sí:

Además de ayudarlo a compartir información, las tablas también pueden ayudarlo a romper la monotonía de los párrafos largos en una publicación de blog o una página. Por lo general, le recomendamos que evite largas paredes de texto, ya que pueden ser difíciles de navegar.

El Editor de bloques le brinda la opción de agregar tablas a su sitio web con facilidad. El bloque Tabla le permite establecer el número de filas y columnas que necesita:

Aunque agregar tablas en WordPress es fácil, las opciones de personalización son algo limitadas. Puede cambiar los colores de fondo, personalizar los estilos de los botones y modificar los tamaños de fuente, pero eso es todo. Si desea crear tablas más elegantes y complejas, deberá usar un generador de páginas como Elementor (o incluso Divi).

Qué puede hacer una tabla de Elementor

Si desea ir más allá de las tablas básicas de WordPress, Elementor le brinda acceso a un widget de tabla de precios altamente personalizable. Esto le permite editar títulos de tablas, establecer etiquetas de encabezado, agregar listas de funciones, modificar llamadas a la acción (CTA) y más:

Recuerda que con Elementor, puedes crear cualquier tipo de diseño que quieras para cualquier página o publicación. Esto significa que puede configurar diseños de varias columnas para tener varios widgets de tabla de precios uno al lado del otro:

Elementor también viene con un widget de tabla de contenido . Esto hace que la navegación por el contenido de formato largo sea mucho más fácil para sus lectores.

Cómo crear una tabla Elementor (manualmente)

Crear una tabla de precios con Elementor es simple. Para comenzar, abra el editor de Elementor. Desde aquí, puede elegir comenzar con una página en blanco o importar una plantilla de la biblioteca de Elementor:

Cuando esté listo para agregar el elemento, querrá seleccionar la cantidad de columnas que desea que tenga la tabla. Haga clic en el signo más de Elementor en la parte inferior del editor y seleccione la estructura de columna que desea usar para la sección de precios:

Tenga en cuenta que si usa varias columnas, deberá agregar un widget de tabla de precios por separado en cada una de ellas. Aunque cada mesa será un elemento único, los usuarios las verán una al lado de la otra (o una debajo de la otra en dispositivos móviles) como parte de una sección:

Recomendamos agregar un módulo de tabla de precios y diseñarlo primero. Luego, puede duplicar o copiar ese elemento en las columnas restantes y agregar texto único a cada una.

Para personalizar la tabla, seleccione el elemento y muévase a la pestaña Estilo en la configuración del widget. Elementor le ofrece muchas opciones de estilo. Estos incluyen selección de color, configuración de tipografía y configuraciones únicas para cada sección de la tabla:

Una vez que esté satisfecho con el estilo de la tabla de precios, haga clic derecho en el elemento y seleccione la opción Duplicar . Aparecerá una copia de la tabla debajo del elemento original, y puede arrastrarla a una de las columnas vacías:

Querrá repetir ese proceso para tantas columnas como tenga. Tenga en cuenta que cada tabla puede tener un estilo único si prefiere no reutilizar la configuración. En ese caso, asegúrese de que los estilos sean lo suficientemente similares para que los visitantes entiendan que están viendo una comparación.

Mientras personaliza su tabla, recuerde que Elementor le permite agregar CSS personalizado a cualquier módulo. Para hacerlo, vaya a la configuración avanzada del widget y seleccione la pestaña CSS personalizado :

Agregar CSS personalizado a través de Elementor es mucho más fácil que editar el código de WordPress manualmente. Del mismo modo, la edición de CSS en WordPress requiere que acceda a los archivos de temas y optimice el código para obtener el máximo rendimiento. Con Elementor, solo necesita agregar el código CSS en el campo correspondiente para cada módulo.

Si agregar CSS manualmente suena intimidante, no se preocupe. Aprender CSS no requiere que seas un desarrollador web. Sin embargo, es una habilidad valiosa que lo ayudará a personalizar sus sitios web de WordPress (y tal vez incluso a encontrar una carrera en desarrollo web).

Una vez que todas sus tablas estén configuradas, es hora de editar su texto y agregar tantas funciones como necesite para cada entrada. Puede hacerlo seleccionando una tabla y moviéndose a la pestaña Contenido en la configuración del widget:

Editar el contenido de sus tablas de precios es fácil. Puede hacer clic en cualquier elemento dentro del widget para comenzar a editarlo. Una vez que esté satisfecho con los resultados, sus tablas de precios estarán listas.

Principales complementos de tabla de Elementor (12 opciones)

Aunque Elementor contiene muchas herramientas para ayudarlo a crear tablas, siempre puede agregar más widgets a la lista. En esta sección, veremos 12 complementos de Elementor que puede usar para agregar nuevos tipos de tablas a sus publicaciones y páginas. Aunque muchos de estos complementos están creados para Elementor, puede instalarlos como complementos normales.

Como siempre, solo recomendamos los mejores complementos de WordPress de su clase que ofrecen un gran rendimiento y que reciben actualizaciones periódicas. El uso de complementos bien optimizados lo ayudará a escalar su sitio web sin tener problemas de rendimiento.

1. Complementos de ElementsKit para Elementor

ElementsKit agrega más de 85 widgets a Elementor. Tiene opciones para tablas básicas, tablas de precios, soporte para incrustar elementos de TablePress y más.

La versión profesional de ElementsKit también incluye un widget de tablas avanzado. Esto le permite agregar funciones de búsqueda y filtrado a las tablas. Además, puede incluir paginación para que los usuarios puedan navegar por las entradas sin tener tablas masivas en su sitio web.

Características clave:

• Tres tipos de widgets de tabla
• Soporte para filtrado de tablas, búsqueda y paginación
• Integración con TablePress para incrustar tablas

Precio: las licencias de ElementsKit comienzan en $39 por año.

2. Generador de tablas WP

Si eres fanático de los editores de arrastrar y soltar (que deberías serlo si estás usando Elementor), disfrutarás usando WP Table Builder. Este complemento le permite crear tablas utilizando elementos preconfigurados, como botones, secciones de revisión, calificaciones de productos y más.

Además de los elementos avanzados, obtienes acceso a módulos básicos, como texto e imágenes. El complemento también incluye plantillas de tablas, lo que simplificará aún más su trabajo.

Puede agregar tablas de WP Table Builder a su sitio web usando el Editor de bloques. El complemento también se integra con Elementor, lo que facilita la colocación de tablas en cualquier lugar dentro de su sitio web.

Características clave:

• Use un generador de tablas de arrastrar y soltar
• Obtenga acceso a elementos preconstruidos como botones, secciones de revisión y calificaciones de productos
• Personaliza el estilo de cada elemento de tus tablas
• Use plantillas de página preconstruidas

Precio: las licencias de WP Table Builder comienzan en $ 39 por año.

3. Prensa de mesa

TablePress es un complemento gratuito que es lo más cercano que puede llegar a agregar la funcionalidad de hoja de cálculo a WordPress. El complemento puede importar datos en varios formatos, incluidos archivos Excel, CSV y JSON. Incluso puede exportar datos de tablas para otros programas.

Con TablePress, puede crear tablas que incluyan funciones de búsqueda. Los usuarios pueden elegir cuántas entradas mostrar y pasar de una página a otra si muestra conjuntos de datos masivos.

Incrustar tablas de TablePress con Elementor es simple. El complemento crea códigos abreviados únicos para cada tabla. El widget Elementor Shortcode lo ayudará a agregar esos códigos en cualquier lugar de su sitio web.

Características clave:

• Importe y exporte conjuntos de datos en formatos Excel, CSV, JSON y HTML
• Agregar tablas de búsqueda a WordPress
• Habilitar paginación para tablas

Precio: TablePress es un complemento gratuito, pero puede encontrar extensiones premium para él.

4. Complementos esenciales para Elementor

Essential Addons para Elementor agrega más de 80 nuevos widgets al creador de páginas. Tiene opciones para tablas de precios, tablas de datos, tablas de contenido y más.

Essential Addons para Elementor viene en dos versiones. El complemento gratuito agrega una mejor versión del widget de tabla de precios con el que se envía Elementor. Si desea acceder a tablas de datos (que incluyen filtrado, búsqueda y múltiples estilos), deberá pagar una licencia premium.

Características clave:

• Agregue widgets de tabla de precios, datos y contenido
• Habilitar la búsqueda y el filtrado dentro de las tablas

Precio: hay una versión gratuita de Essential Addons para Elementor y las licencias premium comienzan en $ 39.97 por año.

5. Paquete de energía para Elementor

PowerPack para Elementor agrega más de 70 widgets al creador de páginas. El complemento también incluye una gran cantidad de nuevas plantillas que puede usar para diseñar sitios web más rápido.

En lo que respecta a las tablas, PowerPack le permite configurar tablas de datos que se pueden ordenar y buscar. Puede importar datos en tablas utilizando archivos CSV. El complemento también incluye múltiples opciones de plantilla de tabla.

Más allá de las tablas de datos, PowerPack ofrece información y widgets de tablas de precios. Las tablas de información son perfectas si desea proporcionar a los visitantes un desglose de los servicios que ofrece.

Características clave:

• Cree tablas de datos que se puedan ordenar y buscar
• Importar tablas de datos en formato CSV
• Agregue widgets de tabla de precios e información

Precio: las licencias de PowerPack comienzan en $44 por año.

6. Complementos exclusivos para Elementor

Los complementos exclusivos para Elementor vienen en versiones gratuitas y premium. El complemento gratuito agrega 39 nuevos widgets a Elementor, mientras que una licencia premium le proporcionará más de 69 elementos nuevos.

Cuando se trata de tablas, la versión gratuita agrega un nuevo módulo de tabla de precios a la mezcla. Con la versión premium, obtienes acceso a tablas de comparación y datos. Las tablas de comparación funcionan de manera similar a los elementos de precios, pero puedes usar nuevos diseños y estilos.

Características clave:

• Agregar un nuevo módulo de tabla de precios
• Obtenga acceso a tablas de comparación y datos
• Acceda a múltiples diseños para widgets de tabla

Precio: Hay una versión gratuita de complementos exclusivos para Elementor. Las licencias premium comienzan en $29 por año.

7. Elementos de chorro

JetElements agrega 45 nuevos widgets a Elementor. La mayoría de ellos están orientados a sitios web de comercio electrónico y suscripción. Sin embargo, JetElements también incluye varios widgets de mesa interesantes en su lista.

Entre esos widgets, tiene precios y tablas receptivas. En comparación con las tablas de precios base en Elementor, la versión de JetElements le ofrece muchas opciones de personalización nuevas. Por ejemplo, puedes jugar con muchos efectos visuales como paralaje y micro animaciones para elementos de mesa.

Características clave:

• Agregue precios y tablas receptivas a Elementor
• Personalice las mesas con nuevos efectos visuales, como el paralaje

Precio: las licencias con todo incluido de JetElements comienzan en $130 por año. También puede crear paquetes de widgets personalizados, eligiendo solo las opciones que desea usar.

8. Complementos Premium para Elementor

Premium Addons para Elementor viene en versiones gratuitas y premium. Sin embargo, solo el complemento premium agrega nuevos widgets de tabla a Elementor.

Si paga por una licencia premium, obtendrá acceso a nuevos datos y widgets de tabla de precios. Puede acompañar las tablas de datos con widgets de tablas y gráficos si desea mostrar más información a sus visitantes.

Características clave:

• Agregue widgets de datos y tablas de precios a Elementor
• Acompaña las tablas con widgets de tablas y gráficos

Precio: las licencias para complementos premium para Elementor comienzan en $ 39 por año.

9. Mentor de datos

DataMentor es un complemento que agrega un widget de tabla única a Elementor. Sin embargo, ese widget incluye muchas más funciones que la mayoría de los complementos que hemos visto hasta ahora.

Las tablas de DataMentor son increíblemente versátiles. Puede agregar imágenes, botones, listas e íconos dentro de cada elemento. El widget le permite crear tablas con estilos individuales para cada columna o fila. También obtiene acceso a varias plantillas de tablas si desea iniciar el proceso de diseño.

Características clave:

• Agregue un nuevo widget de tabla a Elementor
• Obtenga acceso a múltiples plantillas de tablas
• Agregue imágenes, texto, botones, listas e íconos dentro de las tablas

Precio: DataMentor es un complemento gratuito.

10. Complementos felices para Elementor

Happy Addons para Elementor es uno de los complementos más completos para el creador de páginas. Esta herramienta agrega más de 99 widgets a Elementor y una amplia colección de nuevas plantillas a su biblioteca.

En cuanto a las mesas, Happy Addons incluye widgets de mesa básicos y avanzados. La versión avanzada admite datos importados en múltiples formatos, así como búsqueda, filtrado y paginación. Además, obtienes acceso a múltiples diseños de mesa prediseñados. Además de esas opciones, Happy Addons también incluye elementos de precios y tablas de comparación.

Características clave:

• Acceso a widgets de tabla básicos y avanzados
• Importar datos para capacidades avanzadas
• Utilice diseños de mesa prediseñados
• Agregar tablas de precios y comparación

Precio: Hay una versión gratuita de Happy Addons. Las licencias premium comienzan en $39 por año.

11. Complementos de Royal Elementor

Royal Elementor Addons agrega más de 40 nuevos widgets a Elementor. Todos son gratuitos, pero el complemento también viene en una versión premium que desbloquea opciones de personalización adicionales para cada widget.

Con Royal Elementor Addons, obtiene una nueva tabla de precios para usar en Elementor. Este widget incluye varias opciones de estilo nuevas. Además, viene con una opción de alternar que los visitantes pueden usar para cambiar entre precios mensuales y anuales (u otras opciones).

Características clave:

• Agregue un nuevo widget de tabla de precios a Elementor
• Personalice las tablas de precios con nuevas opciones de estilo
• Agregue un cambio de precio a sus mesas

Precio: Royal Elementor Addons es gratis. Las licencias premium cuestan $29 por sitio web (es una tarifa única).

12. Elementos complementarios de Elementor

Elementor Addon Elements es un complemento gratuito que agrega más de 24 nuevos widgets a Elementor. Entre ellos, tienes opciones de precios, comparativas y tablas de datos.

Las tablas de precios incluyen muchas opciones de personalización adicionales que el widget predeterminado de Elementor no incluye. Cuando se trata de tablas de datos, puede elegir entre crear elementos que se puedan buscar o filtrar. Además, las tablas admiten animaciones, lo que puede hacerlas mucho más atractivas visualmente.

Características clave:

• Agregue tablas de precios, comparación y datos a Elementor
• Elija entre tablas de datos filtrables y de búsqueda
• Agregar animaciones a las tablas de datos

Precio: Elementor Addon Elements es gratis.

Resumen

Elementor le proporciona una amplia gama de herramientas para crear tablas de WordPress elegantes y complejas. Muchos complementos de tablas de WordPress también son compatibles con Elementor, lo que significa que el creador de páginas le permite agregar casi cualquier tipo de tabla que desee a su sitio web.

El creador de páginas de Elementor viene con un widget de tabla de precios intuitivo. Si desea agregar otros tipos de tablas, le recomendamos que utilice los complementos de tabla de Elementor, como ElementsKit o WP Table Builder.

Kinsta CDN es una CDN de alto rendimiento disponible para todos los clientes de Kinsta sin costo adicional. Está impulsado por nuestra integración gratuita de Cloudflare y sirve automáticamente su contenido desde más de 200 PoP en todo el mundo. Si tiene alguna pregunta sobre Kinsta CDN, no dude en comunicarse con nuestro equipo de soporte 24/7 para obtener más ayuda.