{"id":721,"date":"2025-01-15T09:28:59","date_gmt":"2025-01-15T09:28:59","guid":{"rendered":"https:\/\/tableberg.com\/?p=721"},"modified":"2025-03-14T19:01:42","modified_gmt":"2025-03-14T19:01:42","slug":"como-crear-tabla-comparativa-de-productos-amazon-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-create-amazon-product-comparison-table-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir una tabla comparativa de productos de Amazon en WordPress"},"content":{"rendered":"

\u00bfEst\u00e1 buscando aumentar sus ventas de marketing de afiliaci\u00f3n de Amazon o simplemente quiere hacer crecer las ventas de su tienda en este mercado? Crear tablas comparativas de productos podr\u00eda ser una forma eficaz de hacerlo.<\/p>\n\n\n\n

Le permite mostrar varios productos uno al lado del otro, permitiendo a los clientes explorar sus caracter\u00edsticas, precios y otros detalles importantes para que puedan decidir cu\u00e1l comprar.<\/p>\n\n\n\n

Este post tutorial le mostrar\u00e1 c\u00f3mo crear una tabla de comparaci\u00f3n de productos de Amazon en WordPress. \u00a1Vamos a empezar!<\/p>\n\n\n\n

\n
\n
\n
\n

Cree bonitas mesas <\/strong>
Con el editor de bloques<\/strong><\/p>\n\n\n\n

\n
Pruebe gratis<\/a><\/div>\n\n\n\n
Conseguir Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Paso 1: Instalar el plugin Tableberg<\/h2>\n\n\n\n

Tableberg<\/a> es un plugin creador de tablas f\u00e1cil de usar para principiantes con muchas funciones avanzadas. Con este plugin, puede crear numerosos tipos interesantes de tablas en WordPress.<\/p>\n\n\n\n

Puede instalar y activar el plugin desde la p\u00e1gina Plugins<\/strong> secci\u00f3n.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Paso 2: Crear una tabla con el bloque Tableberg<\/h2>\n\n\n\n

El plugin incluye un Bloque Tableberg<\/strong>. Debe a\u00f1adirlo al editor de entradas\/p\u00e1ginas haciendo clic en el bot\u00f3n m\u00e1s (+)<\/strong> bot\u00f3n.<\/p>\n\n\n\n

\"Crear<\/figure>\n\n\n\n

Establezca el n\u00famero de fila y columna seg\u00fan sus necesidades. Para el tutorial, seleccionaremos el n\u00famero de fila y columna 5*4.<\/p>\n\n\n\n

\"Establecer<\/figure>\n\n\n\n

El dise\u00f1o de la tabla estar\u00e1 listo en unos segundos.<\/p>\n\n\n\n

\"Dise\u00f1o<\/figure>\n\n\n\n

Paso 03: A\u00f1adir contenido a la tabla<\/h2>\n\n\n\n

Primero nombrar las columnas de la tabla<\/strong> seg\u00fan el contenido y la informaci\u00f3n que a\u00f1adir\u00e1s a su respectiva fila siguiente.<\/p>\n\n\n\n

\"Nombre<\/figure>\n\n\n\n

# A\u00f1adir im\u00e1genes de productos de Amazon<\/strong><\/p>\n\n\n\n

Cada celda de la tabla viene con una opci\u00f3n adicional de bloque Gutenberg para a\u00f1adir diferentes tipos de contenido. Seleccione el bloque Bloque de im\u00e1genes<\/strong> para a\u00f1adir sus fotograf\u00edas de productos de Amazon.<\/p>\n\n\n\n

\"Seleccione<\/figure>\n\n\n\n

Nota<\/strong>: Tambi\u00e9n puede utilizar el bot\u00f3n Bloque HTML personalizado para a\u00f1adir las im\u00e1genes de los productos<\/a>.<\/p>\n\n\n\n

Se le permitir\u00e1 a\u00f1adir im\u00e1genes, ya sea desde su biblioteca multimedia o desde unidades locales como las opciones por defecto. Puedes ver que ya hemos a\u00f1adido im\u00e1genes a la tabla. <\/p>\n\n\n\n

\"Im\u00e1genes<\/figure>\n\n\n\n

# Lista Amazon Caracter\u00edsticas del producto<\/strong><\/p>\n\n\n\n

Es mejor mostrar las caracter\u00edsticas de un producto en formato de art\u00edculo de fondo. Busque y a\u00f1ada las Bloque de lista<\/strong> a la tabla de la columna Caracter\u00edsticas.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Puede enumerar tantas caracter\u00edsticas como desee en la tabla utilizando el bloque Lista. Echa un vistazo a la imagen de abajo. Espero que puedas hacerlo t\u00fa mismo.<\/p>\n\n\n\n

\"Caracter\u00edsticas<\/figure>\n\n\n\n

# A\u00f1adir Valoraci\u00f3n de los Productos Amazon<\/strong><\/p>\n\n\n\n

No necesitamos explicar mucho al respecto. Usted puede agregar calificaciones de sus productos de Amazon simplemente por texto sin formato.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

# A\u00f1adir un bot\u00f3n CTA<\/strong><\/p>\n\n\n\n

Si lo desea, puede indicar el precio del producto en texto sin formato. Pero es mejor llevar al visitante a la p\u00e1gina del producto con un bot\u00f3n CTA. As\u00ed aumentar\u00e1 la posibilidad de convertirlo en cliente.<\/p>\n\n\n\n

A\u00f1ada el Bloque de botones<\/strong> a la mesa.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

En primer lugar, a\u00f1ada una copia CTA al bot\u00f3n. A continuaci\u00f3n, vaya a la Ficha Estilos<\/strong>. Debajo encontrar\u00e1s opciones para personalizar los colores, la tipograf\u00eda y los bordes. Puedes ver que hemos aplicado un tono de color azul sobre el bot\u00f3n.<\/p>\n\n\n\n

\"A\u00f1ade<\/figure>\n\n\n\n

Por fin, a\u00f1adir un enlace<\/strong> al bot\u00f3n. A\u00f1adir bot\u00f3n CTA a otras filas tambi\u00e9n de la misma manera.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Paso 4: Vista previa de la tabla de productos de Amazon<\/h2>\n\n\n\n

Espero que tu tabla ya est\u00e9 lista. Pero antes de ir a publicarla, debes comprobar c\u00f3mo se ve en el frontend. Por lo tanto, vaya al modo de vista previa de la p\u00e1gina.<\/p>\n\n\n\n

\"Vista<\/figure>\n\n\n\n
\n\n\n\n

Tutorial en v\u00eddeo <\/h3>\n\n\n