Plugin de Búsqueda de Amazon para WordPress

¿Te gustaría añadir un buscador a tu sitio web de la forma más sencilla posible? ¡Buenas noticias! He creado un sencillo plugin para WordPress que te permite hacer exactamente eso. Con solo un shortcode, puedes integrar un buscador que redirige a Amazon, usando tu propio ID de afiliado. ¡Así de fácil!

Cómo Usarlo

  1. Descarga el Plugin: Haz clic aquí para descargar el plugin.
  2. Actívalo en WordPress: Una vez descargado, sube el archivo a tu sitio de WordPress y actívalo desde el panel de control.
  3. Inserta el Shortcode: Utiliza [buscador-amazon tag="devseo.xyz-21"] en cualquier parte de tu sitio donde quieras que aparezca el buscador.
  4. Personalización: No olvides cambiar "devseo.xyz-21" por tu propio ID de afiliado de Amazon.

Y eso es todo. Con estos sencillos pasos, estarás en camino de mejorar la funcionalidad de tu sitio y aumentar tus posibilidades de ganar comisiones de afiliado de Amazon.

Así se ve en la web

Así se verá el plugin en tu web. ¡Pruébalo!

Código del buscador en HTML

Si quieres usar el buscador en otra web que no sea WordPress, por aquí te dejo también el código HTML completo.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Buscador de Amazon Afiliados</title>
    <meta name="description" content="Caja de búsqueda de productos que te lleva a Amazon con tu ID de afiliado." >

    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f4f4f4;
            font-family: Arial, sans-serif;
        }
        .search-container {
            display: flex;
            border: 1px solid #ccc;
            border-radius: 4px;           
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);   
            width: 100%;
            max-width: 850px; 
            margin: 0;        
            box-sizing: border-box;
        }
        .search-field {
            border: none;
            padding: 10px;
            font-size: 16px;
            outline: none;
            flex-grow: 1; 
            min-width: 0;
            box-sizing: border-box;
        }
        .search-button {
            flex: 0 0 auto;
            background-color: #007BFF;
            border: none;
            color: white;
            padding: 10px 20px;
            text-transform: uppercase;
            cursor: pointer;
            outline: none;
            transition: background-color 0.3s ease; 
        }
        .search-button:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <form class="search-container" action="https://www.amazon.es/gp/search" method="get" target="_blank" >
        <input name="ie" type="hidden" value="UTF8" />
        <input name="tag" type="hidden" value="devseo.xyz-21" />
        <input name="index" type="hidden" value="blended" />
        <input class="search-field" aria-label="Palabra clave" name="keywords" type="text" placeholder="Buscar productos..." />
        <button class="search-button" type="submit">Buscar</button>
    </form>
</body>
</html>
👉  Herramientas Web

👇Tu comentario