Cómo crear una tabla comparativa en WordPress

¿Tener una tabla comparativa en WordPress marca una diferencia significativa? Con 2.140 millones de personas comprando en Internet, el 65% de las cuales buscan comparaciones en Internet incluso cuando están en la tienda, y el 24% de los compradores en Internet comparan productos antes de realizar una compra… la respuesta es un “Sí” rotundo.

Crear una tabla comparativa en WordPress es una forma esencial para que las empresas y los blogueros presenten los datos de forma organizada y fácilmente digerible, proporcionando a los clientes exigentes toda la información que necesitan para realizar una compra sin tener que ir a otra parte.

Las tablas comparativas permiten a los lectores comparar y contrastar rápidamente distintos productos, servicios o características, facilitándoles la toma de decisiones informadas.

Crear una tabla comparativa 🏁

Aunque podrías pasarte años diseñando y construyendo una tabla comparativa utilizando código HTML, un método mucho más fácil y rápido es utilizar el popularísimo plugin de WordPress AAWP.

1. Utilizar un bloque Gutenberg

El método más sencillo es utilizar bloques Gutenberg para incluir la tabla comparativa. Haz clic en el icono “+” para crear un nuevo bloque y busca “AAWP”.

Haz clic en el logo AAWP, esto incrustará el bloque Gutenberg en la página. Ahora elige la opción “Tablas comparativas” para incrustar la tabla. Haz clic en la opción “Mostrar más ajustes” para mostrar el submenú de ajustes.

Cambia a la pestaña “Bloque” y en el menú “Seleccionar una tabla”, elige la tabla de comparación que acabamos de crear. Si la tabla se ha configurado correctamente, debería aparecer una vista previa de la tabla en el artículo. 

Guarda los cambios que no hayas guardado y publica el artículo. Tu tabla comparativa debería ser ahora visible para los nuevos visitantes. Ve a la página del blog para comprobar si todo parece correcto. Si aún no puedes ver la tabla, borra la caché o prueba a abrir la página en una ventana de incógnito.

La alternativa a los bloques Gutenberg

Si no utilizas el editor Gutenberg, AAWP te permite crear y personalizar una tabla comparativa mediante un método sencillo.

Paso 1 – Crear una nueva tabla comparativa

Tras instalar el plugin AAWP, empieza abriendo el submenú Tablas en la pestaña AAWP de tu panel de control de WordPress. Haz clic en el botón “Añadir nueva” en la parte superior de la pantalla para crear una nueva tabla.

Asegúrate de poner un título descriptivo a la tabla. Esto es sólo para tu referencia y no será visible para tus lectores.

Paso 2 – Añadir filas de datos del producto

Cada dato del listado de productos deberá incluirse en su propia fila. Por ejemplo, podría incluir el título del producto, una imagen, el precio y una breve descripción. Tendrás que añadir una fila por cada dato que quieras incluir. Haz clic en “+ Añadir nueva fila” para añadir una fila en blanco al final de tu tabla.

Puedes añadir una etiqueta para cada fila; estas etiquetas se muestran en una columna separada en la tabla final. Si dejas este campo en blanco para todas las filas, se omitirá la columna de etiquetas.

Para cada fila, selecciona el tipo de contenido en el menú desplegable. El menú contiene algunos valores predefinidos, como el título del producto y las imágenes. Sin embargo, tendrás que utilizar campos de texto y HTML personalizados para añadir manualmente especificaciones concretas del producto a tu tabla.

Continúa añadiendo más filas a tu tabla. Puedes arrastrar y soltar cada fila en su lugar correcto para reestructurar la tabla, y hacer clic en el símbolo de la papelera para eliminarla.

Paso 3 – Resaltar filas concretas

Para resaltar una fila en un color concreto, haz clic en el icono del pincel situado junto a la fila que quieras resaltar. Esto cambia el color de fondo de la fila en el resultado final, lo que hace que destaque.

Paso 4 – Añadir enlaces a productos

Además del botón predeterminado “Comprar en Amazon”, también puedes enlazar al listado de Amazon en otras filas de tu tabla comparativa. Esto es útil, ya que algunos usuarios pueden no desplazarse hasta el final de la tabla. Si enlazas más filas, como la imagen y el título del producto, es de esperar que aumente el porcentaje de clics. Haz clic en el icono “enlace” situado a la izquierda de la fila deseada para añadir un enlace.

Desplázate hasta la siguiente sección para añadir productos a tu tabla. Haz clic en el botón “Buscar producto(s)” para buscar productos en Amazon. Por ejemplo, si buscas el término “televisión” obtendrás una lista de productos populares de esta categoría. Selecciona los productos que quieras mostrar y haz clic en “Confirmar selección” para añadirlos a tu tabla.

Si no puedes encontrar un producto específico utilizando la opción de búsqueda, puedes añadirlo manualmente añadiendo su ASIN. Puedes encontrar esta información en la sección de información del producto del anuncio de Amazon.

Paso 5 – Personalizar los listados

Si quieres, puedes personalizar el listado de cada producto. Por ejemplo, si quieres añadir una imagen personalizada en lugar de utilizar la que proporciona Amazon por defecto, puedes hacerlo añadiendo una etiqueta HTML personalizada.

También puedes resaltar una columna. Para ello, haz clic en “Mostrar más opciones” en el producto que quieras resaltar. Haz clic en “Seleccionar color” para elegir el color de acento, e introduce el texto que quieras mostrar sobre el anuncio.

Paso 6 – Publicar tu tabla comparativa

Cuando hayas creado la tabla, haz clic en el botón “Publicar” de la pestaña de la derecha para guardar los cambios. Hacer esto te permitirá utilizar esta tabla en tus entradas. Después de publicar la tabla, debería ser visible en el submenú Tablas, junto con cualquier otra tabla que hayas creado.

Hay dos formas principales de incluir tablas en tus entradas:

2. Utilizando Shortcodes

Toma nota del shortcode de la tabla; puedes copiarlo haciendo clic en el icono del portapapeles convenientemente situado junto a él.

Ahora puedes pegar este shortcode en las entradas de tu blog para mostrar la tabla en tu sitio web. Guarda la entrada del blog después de añadir el shortcode, y asegúrate de que es visible para el público.

Reflexiones finales 🤔

AAWP facilita la creación y personalización de tablas, y proporciona una amplia gama de funciones que pueden ayudarte a presentar eficazmente tu información de comparación de productos. Empieza a utilizar AAWP hoy mismo para que tus contenidos sean más interactivos y atractivos.

[aawp_licenses_box]

¡Empieza ya!

¡Aumenta el valor de tu página de afiliado y gana comisiones fácilmente con AAWP!

Empezar