Widget de Cashback de GotCashback
Muestra a tus lectores la mejor tasa de cashback o el mejor descuento en tarjetas regalo de cualquier tienda, actualizados varias veces al día, con una insignia ligera que enlaza a GotCashback. Un solo script, sin cuenta ni clave de API.
mx.Gotcashback.com compara las tasas de cashback de 113 portales de cashback en 42 países de todo el mundo, incluidos 3 portales y 387 tiendas en México. Fundado en 2020; operado por MNP Enterprises, LLC.
Crea tu código de inserción
Vista previa
Elige una tienda para ver la insignia.
Tu código de inserción
Qué muestra el widget
- La insignia de tasa muestra la mejor tasa de cashback para la tienda entre los portales de cashback que compara GotCashback, o la tasa de los portales que elijas, con el icono del portal y un enlace rastreado a ese portal.
- La insignia de tarjeta regalo muestra el mejor descuento disponible ahora en las tarjetas regalo de la tienda y enlaza a la oferta.
- La lista de vendedores muestra cada vendedor de tarjetas regalo de la tienda con su mejor descuento, el mejor primero, cada uno enlazando al vendedor.
- La tendencia añade un pequeño gráfico de la mejor tasa en los últimos 90 días, para que los lectores vean si ahora es buen momento para comprar.
- Cada insignia lleva un pequeño enlace "vía GotCashback" a la página de la tienda, donde los visitantes pueden comparar todos los portales y vendedores de tarjetas regalo.
- La insignia habla el idioma del país de la tienda, con precios en su moneda.
- Si la tienda no tiene tasa (o los portales que elegiste no la tienen), la insignia no muestra nada en absoluto, nunca un mensaje de error en tu página. Lo que coloques dentro del elemento de la insignia sigue visible como alternativa.
Cómo añadirlo a tu sitio
- Pega el fragmento donde deba aparecer la insignia: en un artículo, una reseña de producto, una barra lateral.
- El script se carga una vez por página (unos 8 KB, en caché durante una hora) y rellena todas las insignias de la página.
- Añade tantas insignias como quieras; cada una indica su propia tienda.
<div class="gotcashback-widget" data-store="walmart" data-country="us">
<a href="https://www.gotcashback.com/Stores/walmart/">Walmart cashback rates</a>
</div>
<script async src="https://cdn.gotcashback.com/assets/widget/v1/widget.min.js"></script>Opciones
| Atributo | Valores | Predeterminado | Qué hace |
|---|---|---|---|
data-store | walmart | obligatorio | Slug de la tienda, exactamente como en la dirección de su página de GotCashback (/Stores/…/). |
data-country | us, gb, de, … | obligatorio | Código de país de la propiedad de GotCashback de la tienda, en minúsculas (el Reino Unido es gb). |
data-store-id | 123 | ninguno | ID numérico de la tienda, una alternativa a tienda y país. |
data-type | rate, giftcard, giftcards | rate | rate muestra la mejor tasa de cashback; giftcard el mejor descuento en tarjetas regalo; giftcards la lista de vendedores. |
data-portal | rakuten | ninguno | Muestra solo la tasa de un portal, por su slug. |
data-portals | rakuten,topcashback | ninguno | Slugs de portales separados por comas: la mejor tasa entre ellos. |
data-portal-type | cash, travel, creditcard, points | ninguno | La mejor tasa entre los portales de un tipo: cash, travel, creditcard o points. |
data-fallback | best | ninguno | Con una selección de portales: muestra la mejor tasa global en lugar de nada cuando la selección no tiene ninguna. |
data-instore | true | ninguno | Prefiere la tasa en tienda física; recurre a la tasa online cuando no la hay. |
data-signupbonus | true | ninguno | Añade la línea del bono de registro del portal cuando ofrece uno. |
data-history | true | ninguno | Añade la tendencia de la tasa a 90 días. |
data-max | 1–20 | 10 | Solo lista de vendedores: cuántos vendedores mostrar. |
data-ref | ABC123 | ninguno | Tu código de referido de GotCashback; los enlaces rastreados se te acreditan. |
data-theme | auto, light, dark | auto | light, dark o auto (sigue la configuración del sistema del visitante). |
data-size | normal, small | normal | normal o small. |
data-target | _self, _blank | _self | _self abre los enlaces en la misma pestaña; _blank abre una pestaña nueva. |
Estilos
La insignia usa la fuente de tu página y aísla sus propios estilos, así que nunca entra en conflicto con tu CSS. Sobrescribe colores y tamaños con propiedades personalizadas de CSS en el elemento de la insignia o en cualquier ancestro:
| Propiedad | Qué hace | Claro | Oscuro |
|---|---|---|---|
--gcb-bg | Fondo | #fff | #1f2328 |
--gcb-fg | Texto | #1f2328 | #e6edf3 |
--gcb-muted | Texto secundario | #6b7280 | #9aa4b2 |
--gcb-accent | Tasa y enlaces | #3063a0 | #7fb3ff |
--gcb-border | Borde | #d0d7de | #3d444d |
--gcb-up / --gcb-down | Tendencia al alza / a la baja | #1a7f37 / #cf222e | #3fb950 / #ff7b72 |
--gcb-radius | Radio de las esquinas | 6px | 6px |
--gcb-font | Familia de fuente | inherit | inherit |
--gcb-font-size | Tamaño de fuente (normal / small) | 14px / 12px | 14px / 12px |
--gcb-shadow | Sombra | none | none |
Para cambios más profundos, apunta a las partes badge, main, via, bonus, trend, title, list y row con ::part().
.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */Gana con tu código de referido
Añade tu código de referido y cada clic a través de tu insignia se te atribuye dentro del programa de partners de GotCashback. Inicia sesión y copia el código en Cuenta → Referidos.
<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>Alternativa con iframe
Las plataformas que eliminan scripts pueden insertar la insignia como iframe. Muestra la misma insignia, renderizada por GotCashback, con las mismas opciones en la dirección. Usa el generador de arriba para obtener la dirección exacta.
<iframe src="https://api.gotcashback.com/v1/widget/frame/us/walmart?type=rate" width="320" height="64" style="border:0" loading="lazy" title="Walmart cashback via GotCashback"></iframe>Aplicaciones de una sola página y contenido dinámico
El script analiza la página una vez al cargarse. Si añades insignias después, llama a la función de renderizado sobre el contenedor; devuelve una promesa que se resuelve cuando se han rellenado. Un callback de listo, si defines uno, se llama una vez cargado el script.
window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });Preguntas frecuentes
¿El widget es gratuito?
Sí, para cualquier sitio web. La única condición es que el enlace "vía GotCashback" siga visible y sin cambios.
¿Qué tan actuales son las tasas?
GotCashback actualiza las tasas de los portales varias veces al día; la insignia guarda sus datos en caché brevemente, así que va como mucho unas horas por detrás.
¿Ralentizará mi página?
No. El script pesa unos 8 KB, se carga de forma asíncrona y hace una pequeña petición por tienda.
¿Instala cookies o rastrea a mis visitantes?
El script en sí no instala cookies ni envía nada sobre tus visitantes. Un clic pasa por la redirección rastreada de GotCashback, y solo se instala una cookie de referido cuando usas tu código de referido.
¿Qué países y tiendas se admiten?
Cualquier tienda de cualquier propiedad de GotCashback por país. Elige el país en el generador para buscar sus tiendas.
¿Puedo mostrar varias tiendas en una página?
Sí. Incluye el script una vez y añade un elemento de insignia por tienda.
¿Qué ven los visitantes sin JavaScript?
Lo que pongas dentro del elemento de la insignia (el generador añade un enlace simple a la página de GotCashback de la tienda), o nada si lo dejas vacío. La versión iframe no necesita script.
Condiciones
GotCashback es un servicio de comparación, no un portal de cashback: las tasas se muestran tal como las publican los portales, y el cashback lo paga el portal al que accedes con el clic. Por favor, no ocultes, modifiques ni añadas nofollow al enlace "vía GotCashback".
¿Prefieres un asistente de IA a una insignia? Configura el GotCashback MCP Server