Buscador de producto de Amazon.

Como desarrollador web y profesional de SEO, siempre estoy buscando nuevas maneras de mejorar mis ganancias y optimizar mi sitio web. En mi búsqueda constante de mejoras, he encontrado una herramienta increíblemente útil que quiero compartir con todos ustedes.

Se trata de un buscador personalizado que enlaza directamente con Amazon. Al integrar este buscador en tu sitio web de afiliados, puedes ofrecer a tus usuarios la capacidad de buscar productos directamente en Amazon. Si el producto que buscan no está en tu sitio web, no hay problema, este buscador los llevará directamente a Amazon, donde podrán encontrar lo que están buscando. Aquì lo puedes probar:

Ejemplo de buscador de productos de Amazon.

La ventaja más significativa de este buscador es que al llevar a los usuarios a Amazon, se coloca una cookie en su computadora. Esto significa que si hacen una compra dentro de un cierto periodo de tiempo, incluso si no es el producto que originalmente buscaron, todavía ganarás una comisión de afiliado.

Para usar este buscador, todo lo que tienes que hacer es copiar el siguiente código y pegarlo en tu sitio web de WordPress. Pero recuerda, debes cambiar el valor “xxxx04-21” por tu propio identificador de afiliado de Amazon:

<div>
  <center>
    <form class="search-form" action="https://www.amazon.es/s" method="get" target="_blank" style="display: flex; flex-direction: column; align-items: center; gap: 10px;">
      <input name="tag" type="hidden" value="xxxx04-21"> 
      <input name="i" type="hidden" value="aps"> 
      <input name="url" type="hidden" value="search-alias%3Daps"> 
      <input class="search-field" name="field-keywords" size="20" type="text" value="" style="padding: 3px; font-size: 16px; border: 1px solid #ddd; border-radius: 24px; width: 300px; text-align: center;">
      <input type="submit" value="Ver en Amazon" style="font-size: 16px; padding: 10px 20px; border: none; border-radius: 20px; background-color: #f8f9fa; color: #3c4043; font-weight: 500; text-transform: uppercase; transition: box-shadow .3s;" onmouseover="this.style.boxShadow='0px 0px 5px 2px rgba(0,0,0,0.35)'" onmouseout="this.style.boxShadow='none'">
    </form>
  </center>
</div>

Además, siéntete libre de modificar este código como desees para que se ajuste mejor a las necesidades de tu sitio web. Al final del día, lo más importante es que tu sitio web funcione para ti y para tus usuarios. Con esta herramienta, puedes proporcionar un servicio adicional a tus usuarios y al mismo tiempo aumentar tus ganancias potenciales.

Espero que este buscador personalizado de Amazon sea tan beneficioso para ti como lo ha sido para mí. ¡Feliz codificación!

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top