Cómo crear una tabla comparativa en WordPress (con o sin plugin)

Una tabla comparativa permite comparar varios artículos horizontal o verticalmente, destacando sus características principales, especificaciones y otras características. Es una forma eficaz de que los usuarios tomen decisiones informadas.

Aunque puede crear tablas comparativas con el bloque de tablas predeterminado de WordPress, tiene numerosas limitaciones. No puedes añadir imágenes, botones ni listas al bloque predeterminado.

TableBerg es un maravilloso plugin constructor de tablas que supera todas estas limitaciones. En este artículo, le mostraremos dos métodos de cómo crear una tabla de comparación en WordPress - con un plugin y sin plugin.

Cree bonitas mesas
Con el editor de bloques

Método uno: Crear una tabla comparativa sin un plugin

Obtendrá un bloque Tabla por defecto en la biblioteca de bloques de WordPress. Con él puedes crear una tabla comparativa de nivel básico.

Paso 01: Añadir el Bloque de Tabla a su Editor de Entradas/Páginas

Haga clic en el botón icono más (+). Tipo Cuadro en el cuadro de búsqueda. Una vez que aparezca el bloque, añádelo al editor de su post/página.

Añadir el bloque de tabla al editor de la página o la entrada

Paso 02: Definir el número de columna y de fila

Defina el número de columna y fila que desee para la tabla. En este tutorial, seleccionaremos 4*3 para la tabla de comparación.

Establecer el número de fila y columna

Paso 03: Añadir información a la tabla

Ahora, añada información a la tabla. Sólo puedes añadir información textual; nada de imágenes, botones o cualquier otro bloque.

He aquí una tabla de demostración que hemos preparado para el puesto.

Tabla comparativa de demostración creada con el bloque Tabla predeterminado de WordPress

Segundo método: crear un cuadro comparativo con TableBerg

Como puede ver en el primer método, no puede añadir ninguna imagen, botón u otro elemento a la tabla de comparación creada con el bloque de tabla predeterminado. Pero sin estos elementos, las tablas de comparación no activan a los usuarios.

TableBerg es un maravilloso plugin constructor de tablas compatible con Gutenberg que puede ayudarte a superar todas estas limitaciones.

Paso 01: Instalar el plugin TableBerg

Acceda a su panel de control de WordPress. Vaya a Plugins > Añadir nuevo plugin. Tipo TableBerg en el cuadro de búsqueda para encontrar el plugin. Una vez que el plugin aparece a continuación, pulse el botón Instalar ahora botón. Activar después.

Instalar el plugin TableBerg

Paso 02: Añadir el bloque TableBerg

Abra una entrada o página. Añada el icono Bloque TableBerg del editor Gutenberg.

Añadir el bloque TableBerg

Paso 03: Seleccionar el número de filas y columnas

Selecciona el número de filas y columnas como haces con el bloque de tabla por defecto. Pulse el botón Crear tabla después de eso. Seleccionaremos dos (2) columnas y cuatro (4) filas.

Seleccione el número de filas y columnas

Paso 04: Añadir contenido a la tabla

Añade títulos a las columnas. Pulsa el botón Más (+) y seleccione el bloque que desee. Seleccione el icono Bloque de imágenes después de eso. Esto le permitirá añadir una imagen a la celda.

Añadir bloque de imágenes a la tabla creada por TableBerg

# Añadir imágenes a la tabla

Puede ver que hemos añadido una imagen respectivamente a cada columna.

Añadir imágenes a la tabla

# Añadir listas a la tabla

A continuación, seleccione la opción Bloque de lista. Con este bloque puede enumerar todas las características de su producto. Hágalo en la fila correspondiente de cada columna.

Añadir lista a la tabla creada por TableBerg

# Añadir botones a la tabla

Ahora, añada el Bloque de botones a la tabla. Esto le permitirá añadir un botón CTA para cada producto.

Añadir botones a la tabla

Una vez añadidos los bloques, puede personalizarlos desde el menú Estilos en la barra lateral derecha.

Personalizar los bloques TableBerg

De este modo, puede crear tablas comparativas versátiles y polivalentes utilizando el plugin TableBerg.

Conclusión

La creación de tablas comparativas puede mejorar enormemente la experiencia del usuario al presentar la información en un formato estructurado y fácil de digerir. TableBerg promete revolucionar tu experiencia de creación de tablas en WordPress con más lanzamientos impresionantes en los próximos días.

Aquí tiene una guía rápida sobre cómo eliminar los bordes de las tablas en WordPress para que el diseño de tu mesa sea más cautivador.



El equipo de Tableberg

La oferta anticipada ya está disponible
Este es el texto por defecto para la barra de notificaciones