Si hay una característica que encontrará en casi cualquier sitio afiliado, es un cuadro de comparación de productos. En serio, creo que un requisito para unirse al programa de afiliados de Amazon Associates es que pueda crear tablas de comparación de productos.

Pero a pesar de su ubicuidad, la mayoría de las personas aún crean laboriosamente sus tablas de productos utilizando creadores de páginas, HTML personalizado o un complemento de tabla como Excel o TablePress.

En este tutorial, le mostraré una solución alternativa que es una excelente opción si está utilizando un sitio afiliado impulsado por WooCommerce.

Aprenderá a crear tablas generadas dinámicamente, que se pueden buscar, filtrar y ordenar. Lo mejor de todo es que tendrá control total sobre la información que muestra en su Tabla de productos de afiliados.

Esto no solo le ahorrará tiempo, sino que mejorará las cosas para su visitantes (¡y una mejor experiencia significa más conversiones!).

Cómo crear un tablero de productos de afiliados en WooCommerce

Para que funcione esta guía, necesitarás dos complementos:

  • WooCommerce - esto es lo que utilizará para administrar sus diversos productos afiliados.
  • Tabla de productos WooCommerce - esto es lo que utilizará para mostrar estos productos de afiliados en una tabla que se puede filtrar, ordenar y buscar.

Asumiré que tiene ambos complementos instalados y activados antes de comenzar la guía.

Es decir, mientras le mostraré cómo agregar un producto afiliado a WooCommerce, no te voy a mostrar cómo montar una tienda WooCommerce. Si necesita ayuda, puede consultar esta guía completa.

Paso 1: agregue sus productos afiliados a WooCommerce

Mucha gente piensa que WooCommerce es solo una solución para vender tu propio productos. Pero en realidad incluye una funcionalidad básica para vender productos de afiliados externos, ¡no se requieren ajustes!

Para agregar su primer producto afiliado, vaya a Productos → Añadir nuevo en tu tablero.

Lo importante es encontrar la caja Meta de datos del producto y cambiar el tipo de producto en Externo / Afiliado:

Creación de un producto afiliado de wordpress

Luego complete la información para:

  • URL del producto : esta es la URL que conduce directamente al producto.
  • Texto del botón – WooCommerce mostrará un botón para vincular a donde se encuentra visitante puede comprar el producto, en lugar de un botón Agregar al carrito.
  • Precio – no es obligatorio . Y si se vincula a Amazon, asegúrese de ingresar un precio estático, ya que va en contra de la política de Amazon Associates tener precios inexactos ( lo que probablemente se deba al hecho de que Amazon está cambiando los precios ). Para otros programas de afiliados, no debería tener ningún problema.

Junto con la información específica del afiliado, también querrá completar los detalles generales del producto como:

  • Título
  • Descripción
  • Imagen
  • Etc.

Una vez que haya publicado su producto afiliado, puede verificar que la página del producto muestre un botón con un llamado a la acción para comprar en una tienda externa:

Ejemplo de un producto para comprar en una tiendaAhora todo lo que necesita hacer es repetir el mismo proceso para tantos productos afiliados como desee agregar.

Recomiendo usar una Categoría o Etiqueta para dividir los productos por tema, ya que será útil más adelante si desea crear varias tablas de productos afiliados para diferentes temas.

Paso 2: Configurar el código abreviado de la tabla de productos de WooCommerce

Para mostrar una tabla de productos afiliados, utilizará el código corto del complemento de tabla de productos de WooCommerce.

Aunque todavía puede editar manualmente el shortcode por tabla, el complemento le permite configurar la funcionalidad predeterminada del shortcode accediendo WooCommerce → Configuración → Productos → Tablas de productos (Tabla de productos):

Tabla de productos de Woocommerce

Nos centraremos en la configuración que más se aplica a la creación de una tabla de productos de afiliados.

En el área de Diseño de mesa, puede configurar un diseño personalizado para su mesa si lo desea:

Diseño de tabla de productos de Woocommerce.

O bien, siempre puede seguir con el estilo predeterminado del complemento.

Bajando un poco, puede elegir qué información mostrar en columnas en tu mesa. Personalmente, creo que la configuración predeterminada es bastante sólida. Mostrará:

  • Imagen del producto
  • nombre de pila
  • descripción breve
  • Precio
  • Añadir al botón del carrito ( enlace directo a la tienda afiliada )

Si no planea mostrar los precios, puede eliminar la columna de precios. Además, puede eliminar la descripción corta, ya que puede hacer que su tablero esté un poco desordenado si tiene descripciones largas.

Asimismo, puede agregar columnas adicionales para mostrar más información. Este artículo de ayuda contiene una lista completa de posibles columnas.

Configurar códigos cortos

Estas son realmente las únicas dos cosas que necesario considerar. Si bien siempre puede cambiar las otras configuraciones a su gusto, creo que los valores predeterminados son bastante buenos para la mayoría de los usos.

Paso 3: inserte el código del producto WooCommerce

Ahora que ha configurado los valores predeterminados, puede insertar su tabla de productos afiliados utilizando el código corto product_table ] (sin los espacios).

Lo único que necesita agregar a su shortcode es un parámetro para indicar los productos específicos a incluir (de lo contrario, el shortcode mostrará todos los productos de WooCommerce disponibles, que podrían no ser lo que desea).

Para hacer esto puedes usar etiqueta "Tag_name" ou categoría "Nombre de la categoría" .

Por ejemplo, aquí hay un ejemplo del uso de la abreviatura:

Usando el shortcode

Y así es como se ve en la interfaz:

Tabla de productos de muestra

Algunos puntos a tener en cuenta en esta tabla cuando construye su tabla:

  • La tabla utilizará el texto del botón que ingrese al configurar su producto afiliado. Entonces puedes usar el mismo texto en todas partes, o hacerlos diferentes como en mi ejemplo.
  • Si no ingresa un precio, aparecerá vacío. Por esta razón, probablemente debería usar precios o no usar precios en todos sus productos afiliados.

Paso 4: (Opcional) Incluir widgets de filtro de barra lateral

Algo interesante que puede hacer con la tabla de productos WooCommerce ( y no puede hacer con otras soluciones de tabla de comparación de productos ) es mostrar widgets de filtro en la barra lateral para que su visitantes puede interactuar con su variedad de productos afiliados.

No es necesario, pero creo que hacen que su tablero sea mucho más útil.

Para agregarlos, ve a Apariencia → Widgets y deslice sobre los diferentes widgets " Producto de filtro de Nav con capas de tabla« .

Agregar widgets en wordpress

Una vez que hagas esto, tu visitantes Podrá filtrar productos afiliados.

Para terminar

Este tutorial no funcionará para todos los sitios afiliados, ya que depende del uso de WooCommerce para administrar sus productos afiliados.

Pero si usa WooCommerce o tiene la opción, debe saber que esta es una excelente manera de mostrar una gama más utilizable y flexible de productos afiliados.

Y debido a que se genera dinámicamente, cualquier nuevo producto afiliado que agregue a WooCommerce aparecerá automáticamente en los tableros correspondientes, lo cual es mucho más fácil que tener que editar manualmente tablas estáticas cada vez que desee agregar. o actualizar un producto.