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.
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.
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.
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.
Paso 02: Añadir el bloque TableBerg
Abra una entrada o página. Añada el icono Bloque TableBerg del editor Gutenberg.
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.
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 imágenes a la tabla
Puede ver que hemos añadido una imagen respectivamente a cada columna.
# 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 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.
Una vez añadidos los bloques, puede personalizarlos desde el menú Estilos en la barra lateral derecha.
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.
