Cómo crear una tabla comparativa en WordPress

Integrar una tabla comparativa en el contenido lo hace más fácil de usar. Ya sea tu Sitio web de comercio electrónico o venta de productos afiliados., puede compartir fácilmente una comparación entre productos similares. O podría ser cualquier tipo de datos del que desee mostrar una comparación detallada.

Lo bueno es que es fácil crear una tabla comparativa en WordPress.

Hay dos opciones para crear una tabla comparativa en WordPress: el editor Gutenberg predeterminado de WordPress y complementos de WordPress para tablas de comparación.

Sin embargo, la tabla predeterminada de WordPress tiene algunas limitaciones. Es difícil personalizar el diseño. Por eso recomendaría utilizar un complemento que facilite las cosas. 

Una guía paso a paso para crear una tabla comparativa

He compartido todo el proceso en unos pocos pasos en esta guía paso a paso. Siga cada paso y tendrá una tabla comparativa fácil de usar. Ya sea una comparación de productos o cualquier otra cosa, tendrás infinitas oportunidades con el método que estoy compartiendo.

Paso 1: instale los complementos esenciales

Como mencioné, debes usar complementos de WordPress para evitar la molestia de personalizar o escribir código nuevo. Aunque hay diferentes complementos de tablas de comparación disponibles, el mejor que puedes usar es ElementsKit. Es un complemento de Elementor que permite a los usuarios crear una amplia gama de páginas web con unos pocos clics.

Instalar -

• Elementor
• Kit de elementos

Puede instalarlos de la misma manera que instala cualquier otro complemento de WordPress. Primero, desde su panel de WordPress, vaya a Complementos > Agregar nuevo > Cargar el complemento. Luego instale y active el complemento.

Una vez que haya instalado el complemento ElementsKit, obtendrá un panel para el complemento desde donde deberá habilitar el widget de tabla. Vaya al panel de ElementsKit > Widgets y habilite el widget de tabla.

Paso 2: crea una nueva página

Ahora debes seleccionar la página donde deseas integrar la tabla comparativa. Si desea incorporar la tabla comparativa a una nueva página, vaya a su Panel de WordPress > Páginas > Agregar nuevo. Ahora crea una nueva página y elige editar con Elementor.

Si desea integrar la tabla de comparación a una página existente, vaya a las páginas y seleccione esa página en particular donde desea agregar una tabla de comparación y elija editar con Elementor.

Paso 3: crea la tabla de comparación

Si está en el editor de páginas, puede insertar la tabla dentro de la página. Para ello, vaya a la biblioteca de widgets en el lado izquierdo del editor de páginas. Busque Tabla y verá el widget de tabla de ElementsKit. Arrastre y suelte el widget en el editor de páginas.

Tendrás dos opciones para crear una tabla comparativa: subir un archivo CSV con los datos o crear una tabla personalizada.

Lo mejor es que si has organizado los datos de los productos y los has insertado en un archivo CSV, puedes subir el archivo directamente para crear una tabla. Para ello, vaya al editor de páginas y elija editar. Ahora, desde la pestaña de contenido, seleccione el tipo de datos como CSV.

Hay dos opciones para cargar los datos de la tabla: elegir una URL remota de Google Sheets o directamente subir un archivo CSV a su biblioteca multimedia de WordPress.

Selecciona el archivo CSV donde has añadido los datos de comparación y súbelo. Se creará una tabla comparativa automáticamente. O inserte un enlace público de la hoja de Google en el campo de URL remota.

Para uno personalizado, consulte el siguiente paso. 

Paso 4: personaliza la tabla de comparación personalizada

Si desea crear una tabla de comparación personalizada en WordPress, elija 'costumbre' como tipo de datos. Se creará una tabla predeterminada dentro de la página. Luego puede realizar una personalización ilimitada en el campo de la tabla. Por ejemplo, puede agregar filas, columnas, imágenes y más.

Para que la tabla de comparación sea atractiva, puede personalizar los colores, el espaciado, el borde y más sin escribir código.

Supongamos que desea agregar una nueva columna a la tabla personalizada. Para ello, vaya a la sección del editor del widget. Debajo de la sección de la tabla, haga clic en "AGREGAR ARTÍCULO". Se creará una nueva columna. Del mismo modo, puedes agregar más columnas.

Para agregar nuevas filas, vaya a 'Contenido del cuerpo' pestaña y haga clic en 'AÑADIR ARTÍCULO'. Luego habilite una nueva fila desde la configuración y se creará una nueva fila. En la pestaña de fila, tendrá la opción de agregar los textos.

Es posible que desee agregar imágenes de productos para crear una tabla de comparación de productos. Digamos que desea agregar imágenes en el título. Para esto, vaya a la configuración de la tabla y haga clic en la columna donde desea agregar la imagen. Ahora elige la imagen que quieres mostrar.

Para cambiar el relleno de la imagen, el margen y otras configuraciones, vaya a Pestaña Estilo > Imagen de encabezado > Habilitar alto ancho desde el editor de widgets. Ahora ajuste el tamaño de la imagen.

Elija las imágenes del producto una por una y cárguelas.

Paso 5: vista previa y publicación

Finalmente, llega el momento de comprobar la tabla comparativa creada. En la parte inferior del editor de páginas, hay una opción llamada vista previa. Presione ese botón y verifique la tabla que ha creado.  

Ver más estilos de mesa que están diseñados con el complemento de creación de páginas ElementsKit.

¿Qué es una tabla comparativa de WordPress?

Una tabla de comparación tiene prácticamente el mismo aspecto que una tabla estándar con datos. Pero la tabla comparativa muestra una comparación detallada entre las características del producto. 

Beneficios de mostrar una tabla comparativa

¿Se pregunta por qué debería mostrar una tabla comparativa a los visitantes de su sitio? Bueno, cuando un nicho particular tiene múltiples productos para un cliente, es común que el cliente se confunda. Una tabla comparativa ayuda al cliente a tomar su decisión viendo las características detalladas de cada opción.

Para marketing de afiliación, mostrando una comparación detallada entre los productos estás revisando es crucial. Porque los lectores muchas veces no están interesados en leer textos detallados sobre un producto.

En cambio, mostrar todo en una tabla hace que se sientan más cómodos leyendo los datos y obteniendo la información necesaria. Una tabla de comparación fácil de usar también aumenta la 'tasa de clics' y la tasa de conversión.

¿Puedes crear una tabla de comparación sin un complemento?

Cada vez que alguien te recomienda utilizar un complemento para cualquier personalización particular de una página, ¿qué es lo primero que te viene a la mente? "¿Qué tal hacerlo sin un complemento?" ¿bien?

Déjame aclararte una cosa. Siempre puedes crear páginas y diferentes secciones dentro de WordPress sin ningún complemento. Pero la opción de personalización será limitada. Por eso, utilizar un complemento concreto es la mejor solución. Especialmente con el complemento de creación de páginas ElementsKit, tendrás opciones ilimitadas.

Por qué ElementsKit para crear una tabla comparativa en WordPress

ElementsKit es uno de los complementos de Elementor más ligeros donde puedes activar/desactivar las opciones para que se cargue más rápido. Puede usar una sola función si lo desea y desactivar otras funciones y el complemento no llamará a esas funciones mientras se carga.

Además de crear una tabla comparativa, también puedes hacer muchas otras cosas. De hecho, utilizando el Creador de páginas ElementsKit puedes diseñar un sitio web de WordPress completamente nuevo sin escribir ningún código.

puedes diseñar sitio web de cartera, sitio web de negocios, sitio web de envío directo, sitio web SaaS, y más.

Además, la función de ElementsKit no se limita únicamente a crear tablas. Al igual que el widget de tabla, tiene más de 85 widgets más, plantillas listas, más de 15 módulos y más.

Envolver

Si ha seguido la guía paso a paso anterior, ha creado una tabla comparativa fácil de usar en WordPress. Puedes optar por una amplia gama de estilos para la mesa y probar con ellos. Intenta dar la mejor experiencia a los usuarios.