Amazon Afiliados sin API con el plugin WP Amazon Shop (versión mejorada)

Como probablemente sepas, AAWP es el mejor plugin de WordPress para trabajar con el sistema de afiliados de Amazon.

Sin embargo, tiene un pequeño inconveniente: necesita conectarse a la API de Amazon para su funcionamiento. Esto supone que previamente Amazon debe habilitarte dicha API, para lo cual tiene que revisar y aceptar una web de tu propiedad. Además, cada mes deberás generar cierto volumen de ventas para poder seguir utilizándola.

Estas condiciones suponen un hándicap para los que están dando sus primeros pasos en el programa de afiliados de Amazon, ya que probablemente sean difíciles de cumplir.

Como alternativa, existen plugins que, para su funcionamiento, no necesitan hacer uso de la API de Amazon. Quizá no son tan profesionales como AAWP pero nos servirán para salir del paso hasta generar nuestros primeros ingresos y tener acceso a la tan codiciada API.

Uno de estos plugins que no necesita API es WP Amazon Shop, recientemente renombrado a Dropshipping & Affiliation with Amazon.

Este plugin es gratuito aunque también cuenta con funcionalidades de pago. Sin embargo, su configuración básica gratuita nos será más que suficiente.

El plugin visualmente no es muy agradable y tiene algunos errores de código, por ello me he propuesto mejorarlo dándole un toque más estético y corrigiendo algunos errores.

En este artículo te expondré el resultado final y las diferentes funcionalidades que ofrece. También te dejaré un enlace para que puedas descargarlo e instalarlo en tu web con las mejoras que he implementado (al ser una adaptación propia no está disponible para su descarga desde el repositorio oficial de WordPress).

Cambios realizados:

  • Traducción de textos de inglés a español
  • Mejoras SEO on page: asignar alt a las imágenes, reemplazo de <h4> por <span> en la ficha de producto, etc…
  • Nuevo diseño de las cajas de productos similar a AAWP.
  • Al hacer clic en cualquier elemento de la caja de producto te lleva a Amazon con tu ID de afiliado
  • Corrección de fallos al mostrar productos por ASIN
  • Añadido identificador de afiliado a los resultados de la barra de búsqueda de productos
  • Solucionado conflicto con otros plugins que utilizan la librería PHP Simple HTML DOM Parser
  • Otras mejoras y correcciones

Las modificaciones se han aplicado sobre la versión 2.1.0 gratuita del plugin WP Amazon Shop. Si ya usaste la versión oficial del plugin y añadiste reglas CSS personalizadas, elimínalas para evitar conflictos.

El logo de Amazon es del paquete de iconos Font Awesome. Si quieres que se muestre instala el plugin Font Awesome para WordPress.

No actualices el plugin o perderás estas mejoras/modificaciones.

Mostrar productos por código ASIN

Con este shorcode podrás mostrar la ficha de un producto por su código ASIN. Si quieres especificar varios códigos sepáralos por comas.

[wpas_products ASIN="B0887YG4YT"]
[wpas_products ASIN="B0887YG4YT,B07Y1D52LV"]

Así se ve este shortcode:

Mostrar productos por keyword

El siguiente shorcode te permitirá mostrar productos en base a una palabra clave.

Consejos para evitar problemas:

  • Si la keyword está formada por varias palabras, utiliza el símbolo + para separar las palabras en lugar de un espacio vacío.
  • No utilices tildes o caracteres extraños.
[wpas_products keywords="freidora+sin+aceite"]

Así se ve este shortcode:

Caja de búsqueda

Personalmente esta es la opción que más me gusta de este plugin. Permite insertar una barra de búsqueda en la que el usuario podrá encontrar cualquier producto. ¡Es como integrar el buscador de Amazon en tu web!

[wpas_search]

Así se ve este shortcode:

Comparador de productos

Este shorcode realiza una comparación entre dos productos aunque es bastante pobre en datos.

[wpas_products_comparison ASIN="B0887YG4YT,B07Z5YF87N"]

Así se ve este shortcode:

Pre Products

FAQs

En los comentarios han surgido algunas preguntas y dudas recurrentes. Las voy a dejar aquí recogidas para evitar sucesivos comentarios sobre los mismo.

Problemas en general.

La mayoría de los problemas se generan por la caché. Si tienes algún plugin de caché instalado, limpia o desactiva el plugin de caché para descartar este problema.

Si después de hacer esto sigues con problemas, comprueba la consola del navegador (F12) para ver si muestra algún error de JavaScript que te de alguna pista sobre el problema.

Para descartar que los problemas sean por incompatibilidades con otros plugins, desactiva temporalmente todos los demás plugins.

Otros usuarios han reportado problemas al tener el plugin original y el que yo modifiqué instalados a la vez. NO tener ambos plugins instalados al mismo tiempo.

En mi página, el plugin no se ve igual que en la demo de esta página. No se muestran los mismos estilos.

Esto es problema de la caché. Previamente tenías instalado la versión original del plugin y están cacheados los archivos CSS. Limpia la caché del servidor con el plugin que tengas instalado.

El spinner se queda dando vueltas y no carga los productos.

Probablemente tengas instalado un bloqueador de anuncios como uBlock Origin o similar. Algunos bloqueadores de anuncios dan problemas y bloquean la carga de los productos.

¿Cómo oculto el logo de Amazon que se muestra en el botón?

Añade esta regla CSS:
.amazon-product-action button i { display: none; }

¿Cómo puedo ocultar el precio de los productos?

.amazon-product-price { display: none; }

Quiero que las cajas de producto ocupen el ancho completo de la página.

.wpas-product-item { width: 100% !important; }

¿Cómo hacer que el botón de comprar ocupe el 100% del ancho?

.amazon-product-action button { width: 100% !important; }

Eliminar el logo de Prime

.amazon-product-thumb .amazon-product-prime { display: none; }

Cambiar el color del botón «Buscar»

Reemplaza #0AD943 por tu color.
.wpas-search-form-container button { background-color: green !important; }

Cambiar el tipo de letra del buscador

Sustituye ‘Verdana ‘ por tu letra.
.wpas-search-form-container label { font-family: Verdana !important; }

Si vas a utilizar una fuente externa, por ejemplo de Google Fonts, tendrás que importarla en el <head>. Ejemplo:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Trirong">

No se muestra el logo de Amazon en el botón.

El logo de Amazon proviene del paquete de iconos de Font Awesome. Algunos themes y/o plugins ya lo incorporan. Si en tu sitio web no se muestra, instala el plugin Font Awesome.

El shortcode [wpas__products ASIN=XXX] solo muestra 4 productos

Esto es una limitación del plugin. Si quieres mostrar más de 4 productos, inserta varios shortcodes consecutivos.

¿Cómo puedo cambiar el texto del botón «VER PRODUCTO»?

En las opciones de configuración del plugin hay una opción para cambiar este texto.

El plugin carga los productos mediante ajax. ¿Esto es malo para el SEO porque no indexará el contenido?

Google, a partir de su actualización Evergreen, ya es capaz de indexar el contenido cargado mediante JavaScript. Probablemente tarde algo más de tiempo en indexarlo en comparación a si se renderizara en el servidor. Pero esto no debe suponer ningún problema.

Puedes verificar como Google está indexando los productos de esta página. Ejecuta el siguiente comando en el buscador: site:https://devseo.xyz/plugin-amazon-sin-api/ intext:xiaomi

94 comentarios en «Amazon Afiliados sin API con el plugin WP Amazon Shop (versión mejorada)»

  1. Excelente trabajo!!! Eres un crack definiticamente.

    Tengo dos preguntas la primera es que descargue el plugin Font Awesome, pero no me actualiza el logo de amazon. Que podria hacer para que funcione

    Y la segunda hay forma de hacer que los enlaces salientes de los productos sean Nofollow.

    Te agradezco tu ayuda

    Responder
    • Ya lo ha explicado en algún comentario, no se generan enlaces ya que va por JAVA así que no hay que preocuparse por el nofollow, solo en el comparador, pero dice que lo arreglará más adelante.

      Currazo de este chico. Una muy buena opción mientras consigues la API

      Responder
    • Instalando el plugin Font Awesome ya te debería aparecer. Si tienes algún plugin de caché y optimización, revisa la configuración a ver si te está generando el problema.

      Respecto al tema de los enlaces, no te preocupes por el «nofollow». Los productos no tienen enlaces como tal, están ofuscados mediante javascript.

      Saludos!

      Responder
  2. Hola necesito tu ayuda, el plugin ya no tiene soporte? Ni para comprar la versión pro, yo quiero el plugin para envío directo, nada de afiliados, pero ha sido imposible comunicarme con el desarrollador, mi pregunta es, tu actualización permite el monitoreo de productos de Amazon para envío directo? Gracias

    Responder
  3. Hola DEV. No me podía venir mejor el post. Mi problema esque he adquirido la versión premium unicamente por la opción que permite añadir al carrito dentro de woocommerce, pero no consigo hacer que funcione. Soy el único o es un bug común? Un saludo

    Responder
    • No te sé decir, la versión premium no la he probado. A ver si hay alguien que le ocurre lo mismo y te contesta.

      ¿Cuándo dices que has adquirido, te refieres a que has comprado la licencia de la versión premium? Si es así debería darte soporte el desarrollador del plugin.

      Un saludo.

      Responder
  4. Buenos días Devseo,

    Estoy teniendo un problema que no consigo solucionar y que tampoco he leído que le haya pasado a nadie… Y es que cuando pongo el Shorcode no me sale ningún producto, me sale una imagen de una cámara de fotos con el fondo en gris. Actualmente estoy utilizando el Orbital, por si sirviera de pista.

    Un saludo y gracias.

    Responder
  5. Exelente aportación,

    Yo quiero poner unos productos fijos al principio de la página y tambien poner una búsqueda, en la misma página. lo he hecho con los correspondientes ShortCodes:

    [wpas_search]
    [wpas_products keywords="freidora+sin+aceite"]

    pero sucede que al ejecutar la búsqueta, los dos ShortCode me dan el resultado de la búsqueda, Obteniendo un resultado duplicado.

    ¿Hay alguna forma de evitar esto?
    Muchas gracias de antemano.

    Responder
    • Hola Alberto, es un bug del plugin que ocurre al combinar los dos shortcodes. Tengo pendiente mirarlo, a ver si saco tiempo. Un saludo.

      Responder
  6. Hola, excelente aporte, gracias.
    Me aparecen unas líneas en blanco entre artículos cuando le doy mostrar productos por keyword, lo que hace que los productos se separen entre si mas de lo que deseo, existe alguna forma de eliminar estas líneas?

    Responder
    • Hola Johnny, no sé a qué líneas te refieres. ¿En el ejemplo que muestro arriba también aparecen o es algo que te ocurre a ti?

      Responder
    • Gracias por tomarte el tiempo de responder!
      Era un error mÍo al insertar el shortcode, dejaba espacios delante y detras y me aparecían como lineas entre las filas de productos que me los separaba bastante, pero ya está resuelto.
      Existe alguna manera de anexar campos a las tablas de comparativa? lo digo por que sería muy útil o si sabes otra forma de hacerlas te lo agradecería y una vez mas GRACIAS!

      Responder
      • Respecto a lo de añadir campos a las tablas comparativas, no se puede. Sería una funcionalidad que habría que desarrollar por completo. De momento no me he planteado implementarla.

        Responder
  7. Hola, lo he instalado hace unos días, y no me funciona ninguno donde haya que poner los códigos ASIN, y no entiendo por qué, me interesa la tabla comparativa, ¿es premium ésta opción?

    Gracias de antemano

    Responder
    • Hola, revisa las FAQs del artículo para asegurarte que no es problema de lo que comento ahí. Si después de eso sigue sin funcionar desactiva todos los plugins y deja solo activo el de WP Amazon Shop. Con esto descartas que el problema provenga de una incompatibilidad con otro plugin.

      Un saludo.

      Responder
  8. Hola Alex. En primer lugar gracias por todos los aportes que haces.
    El asunto: Todo iba bien hasta que he instalado WP Rocket y ha dejado de verse el logo de amazon en el boton. He desactivado y borrado Rocket. He reinstalado Font-aweson incluso he probado con otras versiones de Orbital y ya no se ve el logo de amazon , solo sale un circulo con una interrogacion. Help!
    Gracias

    Responder
    • Hola Jesús, debes tener algún problema en la carga del script de fuentes o algún tema de caché. Sin ver la web no te puedo decir mucho más.

      PD: me llamo Raúl 🙂

      Responder
  9. Hola.
    Estoy probando este plugin y va de maravilla. Únicamente, en las vistas de productos por Keyword, me muestra el número de valoraciones, pero no consigo que me muestre las estrellitas con la valoración. Tampoco consigo hacer que aparezca el icono de Amazon en los botones a pesar de haber instalado el Plugin con las fuentes que comentabas en el Post.
    Gracias de antemano y felicitarte por el gran trabajo que haces.
    Un saludo.

    Responder
    • Hola Manuel, el tema del icono de Amazon es probable que sea por el plugin de caché (+ minificación de js/css) que usas. Dependiendo de cómo esté configurado es posible que los iconos de Font Awesome no se muestren correctamente. Haz una prueba desactivando el plugin de caché.

      Si no tu caso, mándame si quieres la web por el formulario de contacto e intento echarle un ojo desde fuera por si viera algo. Idem para las estrellas de valoración.

      Un saludo!

      Responder
  10. Muy bueno el plugin. Pero te hago un par de preguntas. Cómo hago para que se muetre el botón tal cual lo muestras tú en el ejemplo. Con ese tamaño y ese color? No se por qué se me muestra verde y más grande, y el botón no está redondeado como el tuyo. Y las mejoras no me aparecen. Por ejemplo: No me aparece la traducción del del ingles al español o cuando hago click en cualquier lugar del producto, no me lleva a Amazon. Será un tema de cache? Como lo soluciono? GRacias

    Responder
    • Hola Ariel, si, es por la caché. Me imagino que antes tenías instalado el plugin original, por eso se te muestra así. Borra la caché y listo. Comprueba también si añadiste algunas reglas CSS cuando tenías instalada la versión original.

      Un saludo.

      Responder
  11. Buenas :

    No funciona más la búsqueda de productos para importar ? Queda el spinner dando vueltas como en el ejemplo de más arriba.

    Un saludo.

    Responder
  12. Buenos días de nuevo,

    Ahora si me ha funcionado lo de cambiar la etiqueta del botón…No entiendo nada….jajaja.
    Sólo una cosa más. Es posible quitarle el logo de amazon al botón?

    Mil gracias

    Responder
  13. Ante todo gracias por el Plugin, Her probado cinetos de cosas, pero no ay manera….
    a mi me funciona solo la opcion de Busqueda por Keyword.
    las opciones de comparacion, un unico ASIN, y varios ASIN no funciona se queda en «LOADING».. estoy en una plataforma de pruebas de CDMON, por si puede servir de guia.

    que puede ser..??

    gracias

    Responder
    • Hola Jordi, ¿antes tenías instalado el plugin original? Si es así prueba a borrar la caché tanto del servidor como del navegador, ya que en algunas ocasiones he visto errores debido a que estaban cacheando los scripts del plugin original (no modificado).

      Si ese no es el motivo, desactiva el plugin de caché y optimización (minificado de css, js…) si lo tienes, para que venga de ahí el problema.

      Si tampoco es eso, quizá tengas algún conflicto con otro plugin, mira a ver si la consola del navegador (F12) te muestra algún error javascript.

      Pueden ser muchos los motivos, es difícil de determinar sin poderlo ver y probar cosas.

      Un saludo.

      Responder
      • Gracias por tu rápida respuesta.!! La verdad es que no tengo ningún plugin
        Solo este y el tema generate press..
        La caché la borré anteriormente… no entiendo porque no va…la verdad
        Me está dando dolores de cabeza…!!!

        Gracias de todas formas

        Responder
  14. Gracias por contestar tan rápido.
    He podido esconder el precio con el css que me has facilitado.
    En cuanto a cambiar etiqueta del boton, he hecho el cambio que sugieres pero sigue saliendo lo mismo.

    Tambien tengo otra pregunta. He hecho una pagina con varios productos ( unos 30 ) y noto que cargan muy lento. Es normal?

    Saludos

    Saludos

    Responder
    • Hola DevSeo,

      Disculpa por preguntarte de nuevo, pero sigo sin poder cambiar el botos PRECIO por VER PRODUCTOS. Lo cambié a través de la opción de configuración del plugin, pero sigue igual.

      Gracias

      Responder
  15. Hola,

    El plugin funciona muy bien. Pero le falta algo muy importante. Los enlaces no estan marcados como nofollow y esto es un requisito de Amazon.

    Por otro lado, ¿cual es el codigo CSS que has usado para que las cajas por ASIN se vean asi?

    Gracias!

    Responder
    • Hola Toni,
      el texto del botón puedes cambiarlo desde los ajustes del plugin. Y respecto al precio, puedes ocultarlo mediante CSS, añade esta regla:
      .amazon-product-price {
      display: none;
      }

      Un saludo!

      Responder
        • Hola Sheila, pues sin ver la web no sé decirte. Revisa la caché tanto del lado del cliente como del servidor a ver si ese es el problema.

          Un saludo.

          Responder
      • De momento sólo he logrado utilizar .amazon-product-info {display: none;) para ocultar tanto el precio como la descripción (que no es que esté mal del todo, para no sobre-optimizar la página), pero la idea sería ocultar sólo el precio.

        Responder
  16. Hola de nuevo!
    Otra cosa que quería saber es si hubiera alguna manera de poder aumentar el tamaño en el que se muestran los anuncios proporcionados por los shortcodes. Sobre todo, cuando se muestra un solo producto [wpas_products ASIN="B0887YG4YT"], ya que sería interesante que completara el ancho de la pantalla.
    Saludos!

    Responder
    • Con un poco de CSS puedes ajustarlo a tus necesidades. Por defecto cada caja de producto ocupa el 50%, para que ocupe el ancho completo tienes que ponerle el 100%. Añade esta regla CSS:
      .wpas-product-item {
      width: 100% !important;
      }

      Responder
  17. tengo un problema todo funciona perfecto pero los [wpas_products ASIN=] solo me salen 4 productos por ejemplo si agrego 10 solo se ven los primeros 4 códigos en la pagina que podría ser amigo de antemano muchas gracias

    Responder
    • Hola Luis, pues no lo había comprobado, no sabría decirte por qué ocurre. Le echaré un ojo cuando tenga un hueco.

      Mientras tanto se me ocurre que añadas el shortcode varias veces en grupos de cuatro productos.

      Un saludo.

      Responder
  18. Antes que nada, felicidades por este gran aporte y muchas gracias por compartirlo.
    Me está sirviendo mucho.
    Pero tengo una pregunta, el código de comparación de productos
    [wpas_products_comparison ASIN="B0887YG4YT,B07Z5YF87N"]
    no funciona verdad? Lo pregunto porque todos los demás códigos me funcionan a la perfección pero solo este se queda en «Loading» al cargar la página y no deja de dar vueltas el circulito.

    Muchas gracias.
    Saludos!

    Responder
    • Hola Antonio, me alegra que le saques provecho.

      Respecto a la comparativa de productos, en principio debería funcionar. En esta misma página lo tengo puesto y está funcionando.

      Sin ver la web es difícil sacar un diagnóstico del problema. Quizá sea algún tema de caché, del servidor… Abre la consola (Ctrl + F12) y echa un vistazo a ver si aparece algún error de JavaScript.

      Un saludo.

      Responder
  19. Hola, muchas gracias por el plugin modificado.

    Funciona muy bien, no he llegado a probar la version oficial. Pero tengo una duda.

    No entiendo muy bien como se configura el plugin para que tus links de afiliado te lleve a los productos de amazon. Si que es verdad que hay un lugar donde te pregunta cual es tu tienda de afiliado concretamente «Amazon Affiliate Associate Tag».

    ¿Únicamente poniendo tu nombre de tienda ya es suficiente para que Amazon sepa quien ha entrado por uno de tus enlaces de la web comience a contabilizar clics y ventas?

    Disculpa pero soy principiante en esto. Tenía entendido que era necesario poner el enlace que te daba amazon para insertarlo en la imagen o el botón de comprar.

    Un saludo y gracias por tu trabajo

    Responder
    • Hola Luis, para configurar los enlaces con tu afiliado tienes que poner el ID de seguimiento en el campo que indicas (Amazon Affiliate Associate Tag).

      Este identificador previamente tienes que generarlo desde la página de Amazon. Lo creas con el nombre que tu quieras y al final se le concatenará de forma automática un número (para Amazon España acabará en -21).

      En la página de Amazon tienes más información: https://afiliados.amazon.es/help/node/topic/GK5TZZ4AWML2QSLA

      Un saludo.

      Responder
  20. hola buenas. una pregunta, desde con el plug in mejorado me va perfecto el codio de varios ASIN, pero sin embargo con el codigo del buscador cuando pincho un producto este me envia a amazon pero sin mi ID de afiliado, en cambio desde esta pagina si que me envia a tu ID sin problema… es un tema mio o de que no le va a nadie? Gracias

    Responder
    • Hola Jorge, es raro ya que el plugin que se muestra en esta página es exactamente el mismo que descargas. ¿Tenías previamente instalada la versión oficial de dicho plugin? Si es así lo que puede estar ocurriendo es que tienes cacheado un archivo javascript de la versión oficial del plugin (borra la caché tanto en el cliente, navegador, como en el servidor).

      ¿Los links que te aparecen en el buscador no tienen ID de afiliado o tienen uno que no es el tuyo? Lo comento porque el autor del plugin fue un poco listo y dejó su ID de afiliado en los productos del buscador sin opción a poder cambiarlo. En el caso de que el problema sea el que te comento, que tienes cacheado el javascript de la versión oficial del plugin, entonces está asignado el ID de afiliado del autor del plugin.

      Un saludo.

      Responder
      • Hola buenas, gracias por la responder tan tan rápido. La verdad que tenía el oficial descargado, lo que hice fue desinstalar e instalar este. Pero no borre nada de la memoria caché.
        Lo que me sale con el buscador en la url cuando pincho un producto es el asin del producto en cuestión y nada mas (es decir, no mi ID, pero ni el mío ni el de nadie xD)

        Responder
  21. Estoy empezando con una página de afiliado y me ponía de los nervios tener que poner uno a uno los enlaces a Amazon, porque este plugin funcionaba bastante regular.
    Muchísimas gracias por mejorarlo y regalárnoslo.

    Responder
    • Hola Diego. Para que se vea el logo de Amazon tienes que añadir Font Awesome, en el artículo lo comento.

      Respecto al error que comentas de que no te aparecen los productos, no sabría decirte algo concreto, pueden ser mil cosas: conflictos con otros plugins, temas de configuración de PHP, etc…

      Responder
  22. Hola.

    Quiero agradecerte que hayas solucionado los problemas de este plugin, llevo un tiempo usando la versión original y no para de dar errores.

    He probado el tuyo y va genial.

    Quería preguntarte si has podido solucionar que los enlaces sean no follow.

    Muchas gracias por tu ayuda.

    Responder
    • hola Juan, de nada. Me alegra que te sirva el plugin.

      Respecto a los enlaces, decirte que únicamente hay enlaces en la tabla comparativa. Es verdad que estos son «follow», lo corregiré más adelante. Pero el resto de shortcodes no generan enlaces, la redirección a Amazon se hace mediante JavaScript, por tanto no te tienes que preocupar por el tema del «nofollow».

      Un saludo.

      Responder
  23. Lo que no me gusta de este plugin es que carga los listado por ajax . Si se pudiera hacer que se precargen para que los indexe Google sería la caña.

    Responder
    • A partir de Evergreen, Google ya renderiza e indexa bastante información cargada en javascript. En este caso, las productos cargados por ajax se están indexando perfectamente.

      Puedes hacer una prueba introduciendo la siguiente búsqueda, verás que están indexados los productos Xiaomi: site:https://devseo.xyz/plugin-amazon-sin-api/ intext:xiaomi

      Responder
    • Hola, pues solo con esa información es complicado saber qué puede ocurrir. ¿Tal vez algún conflicto con otros plugins? Desactívalos todos para descargar qué ese pueda ser el problema. También podrías revisar el log de errores de WordPress a ver si te puede dar una pista.

      Responder

👇Tu comentario