TC
The Comparator

Galería de Widgets

Explora todos los widgets integrables que ofrece The Comparator: demostraciones en vivo, fragmentos de código listos para copiar y nuevos formatos en camino. Elige cualquier widget y personalízalo en el Generador de Widgets para obtener el código para tu sitio.

Abrir Generador de Widgets
¿Quieres ayuda para probar uno en un artículo real?

Solicita el Piloto de 60 días para Editores. Preparamos un ajuste específico para tu artículo, ayudamos en la instalación y verificamos la integración antes de que elijas una licencia de pago.

Ver el piloto de 60 días →

Elige entre todos los formatos públicos

Nothing has been collapsed into a small starter set. Live formats have a settled public contract; Beta formats are public and testable while their presentation is refined with publisher feedback.

Demostraciones en vivo representativas

Estos son los motores reales de The Comparator funcionando en iframes. Usa el catálogo superior o el generador para probar cualquier formato sin sobrecargar la página cargando quince motores de datos a la vez.

Monitor de Ofertas — Completo (GPU)

Live

Ideal para análisis dedicados o páginas de producto: panel de decisión completo con puntuación de valor, rangos de precio, alternativas y calculadora integrada.

Altura recomendada: 650–900 px · Ejemplo de GPU

Configurar en el generador Abrir a tamaño completo ↗

Monitor de Ofertas — Micro (CPU)

Live

Ideal para barras laterales y bloques destacados compactos: puntuación de valor condensada con métricas clave en un espacio reducido.

Altura recomendada: 380–420 px · Ejemplo de CPU

Configurar en el generador Abrir a tamaño completo ↗

Insignia de Valor — En línea (CPU)

Live

Un elemento compacto en línea que muestra la puntuación final de valor y el precio actual — perfecto para listados de productos y resúmenes de búsqueda.

Altura recomendada: 80–120 px · Ejemplo de CPU

Configurar en el generador Abrir a tamaño completo ↗

Top-N de Valor — Filas (GPU)

Live

Ideal para artículos recopilatorios ordenados: muestra los mejores productos según presupuesto o caso de uso en formato de lista apilada.

Altura recomendada: 400–650 px · GPU ajuste 1440p, 5 filas

Configurar en el generador Abrir a tamaño completo ↗

Top-N de Valor — Tarjetas (CPU)

Live

Ideal para diseños en cuadrícula y tablas comparativas responsivas: productos presentados en tarjetas con barras de progreso comparativas.

Altura recomendada: 350–550 px · CPU ajuste gaming, 3 filas

Configurar en el generador Abrir a tamaño completo ↗

Comparativa Versus — Cara a Cara (GPU)

Live

Best for "X vs Y" articles — two products scored in one shared price frame, so their Relative Values compare directly. Instrumental verdict, offer links per side.

Altura recomendada: 560–680 px · Ejemplo GPU ajuste 1440p

Configurar en el generador Abrir a tamaño completo ↗

Ficha de Producto — Bloque Principal (GPU)

Beta

Ideal como banner principal al inicio de un análisis: perfil completo del producto con anillo interactivo de Puntuación de Valor, tabla de especificaciones, insignias de tecnologías (DLSS, FSR, AV1), mejores ofertas y comparativas rápidas.

Altura recomendada: 600–700 px · Ejemplo RTX 4070 Ti

Configurar en el generador Abrir a tamaño completo ↗

Dónde Comprar — Lista de Ofertas (GPU)

Beta

Ideal para el cierre de análisis y guías de compra: muestra todas las ofertas en stock agrupadas por pestañas de condición (Nuevo / Reacondicionado / Usado) con logotipos de tiendas, datos de envío y botones de compra.

Altura recomendada: 480–600 px · Ejemplo RTX 4070 Ti

Configurar en el generador Abrir a tamaño completo ↗

Herramientas de Decisión — Vista Resumida (GPU)

Beta

Una familia de formatos de decisión para el momento en que un artículo llega a su conclusión: Resumen de Decisión sintetiza un producto en una conclusión compartible, Realidad de Precios contextualiza su precio actual y Vista de Diferencias aísla los cambios clave entre dos productos.

Altura recomendada: 380–540 px · Se muestra Resumen de Decisión; los tres formatos son compatibles con GPU, CPU, SSD, RAM y placas base

Configurar Resumen Probar Realidad de Precios Probar Vista de Diferencias

🛠️ Cómo Integrar Widgets en tu Sitio Web

Opción A: Iframes Responsivos (Recomendado)

La opción más dinámica. El widget carga nuestro último análisis de mercado disponible y recalcula el valor en el navegador del lector — cada precio incluye la fecha en que fue verificado. Es totalmente interactivo y se sincroniza automáticamente con el tema claro/oscuro del usuario.

  1. Go to the Embed Builder.
  2. Selecciona el tipo de widget, producto objetivo y estilo por defecto.
  3. Copy the generated <iframe> code and paste it into your CMS or article template.

Opción B: Exportación HTML Estática (Creator/Pro)

Best for page speed and SEO — static snapshots that search engines read immediately, with your own affiliate IDs and a licensed export. This is a Creator/Pro feature; free embeds use the live iframe (Option A).

  1. Preview the static formats in the Creator Static Widgets section below.
  2. Solicita acceso Creator para recibir la exportación estática autorizada con tus IDs de afiliados.
  3. Pega el código exportado en tu editor de artículos o CMS.

Planes de widgets

Integraciones interactivas gratuitas para todos: siempre con nuestro análisis de mercado más reciente, actualizado sin que tengas que tocar el código. Los planes Creator y Pro añaden exportación estática, tus propios IDs de afiliados y marca blanca.

Gratis · Iframe interactivo
$0

Integra un widget interactivo de The Comparator con atribución integrada. Ideal para un bloque interactivo rápido sin mantenimiento.

  • ✓ Iframe interactivo — siempre con la última captura
  • ✓ Datos de tiendas compatibles
  • ✓ "Powered by The Comparator"
  • — Sin IDs de afiliados personalizados
  • — Sin marca blanca · diseño estándar
Copiar código iframe
Popular
Creator · Exportación estática
$119/año · dominio

Fragmentos estáticos optimizados para SEO para editores que desean control total sobre el código HTML, sus propios IDs de afiliados y exportación autorizada.

  • ✓ Exportación HTML estática
  • ✓ Tus propios IDs de afiliados autorizados
  • ✓ Código estructurado para SEO
  • ✓ Captura de datos con fecha verificada
  • ✓ "Powered by The Comparator" credit
Solicitar al Programa Fundador ¿Necesitas una licencia Creator estándar? Contáctanos →
Pro · Marca blanca en vivo
$249/año · dominio

Widgets interactivos con marca blanca, colores personalizados, seguimiento para editores y flujos de actualización prioritaria.

  • ✓ Colores personalizados · marca blanca
  • ✓ Tus propios IDs de afiliados
  • ✓ Actualización prioritaria de tiendas
  • ✓ Soporte prioritario
  • ✓ API / configuración opcional
Contactar con DigiMetrics

Diferencias reales entre los planes

Cuatro aspectos concretos. Revisa la fila que te interese; es muy posible que no necesites un plan de pago.

Criterio Gratis Creator Pro
Cómo llegan los datos a tu páginaMétodo de entrega Iframe interactivo Exportación HTML estática Iframe interactivo
Nombre visible en el widgetAtribución de marca "Powered by The Comparator" "Powered by The Comparator" Marca blanca — tu crédito y enlace
Quién recibe la comisión de afiliadosTitularidad de afiliación The Comparator Tú — tus propios IDs aprobados Tú — tus propios IDs aprobados
Informes y tiempo de respuestaAnalítica y soporte Ninguno Captura con fecha en la exportación Seguimiento editorial · actualización prioritaria · soporte VIP

Branding and affiliate ownership are separate rights: Creator lets you earn on your own Amazon IDs while keeping our credit visible. Removing the credit is Pro only — see Widget Terms §2.

Paid plans are licensed per domain. For Amazon, publishers must use their own approved Amazon Associates ID and provide their own required disclosures. Widget Terms →

Creator Static Widgets Creator

Fragmentos estáticos compatibles con SEO para editores que requieren control absoluto sobre el marcado, sus propios IDs de afiliados y licencia autorizada. Previsualización a continuación — la exportación completa en HTML estático es exclusiva de Creator/Pro. Las integraciones gratuitas usan el iframe interactivo superior (sin mantenimiento, siempre actualizado).

🎨 Personalización y Formato de Fragmentos Estáticos

Dado que los fragmentos estáticos son código HTML y CSS puro y autocontenido, tienes libertad total para adaptarlos directamente en tu editor. Aquí tienes las reglas fundamentales y variables CSS para alinearlos con tu diseño:

1. Diseño y Dimensiones

All templates use responsive flexbox/grid layout and will automatically span 100% of their parent container's width. Do not set fixed dimensions on the widget wrap; instead, control its sizing by wrapping it in a parent <div style="max-width: 600px;">.

2. Personalización de Colores

You can easily change colors by editing the CSS custom properties at the top of the <style> block:
--blue: #6366f1; /* Accent buttons */
--text: #0f172a; /* Title and names */
--surface: #ffffff; /* Card backgrounds */

3. Seguimiento de Afiliados

Custom affiliate tracking is available on the Creator and Pro plans. For Amazon, publishers must use their own approved Amazon Associates ID and provide their own required disclosures. Free preview widgets do not include affiliate tags.

Próximamente

These widget types are on the roadmap — want early access? Let us know.

Gráfico de Rendimiento (Benchmark)

Planned

Gráfico visual de barras comparando rasterización, trazado de rayos y rendimiento en IA entre GPUs seleccionadas — ideal para análisis y comparativas.

Tabla Comparativa

Planned

Una tabla calculadora amplia y con filtros para páginas editoriales densas en datos. Permanece visible en el roadmap y estará disponible en el generador cuando su renderizador independiente esté consolidado.

Tarjeta de Nivel por Escenario

Planned

Un bloque compacto con la calificación de capacidad para un producto y una tarea específica, con el contexto de la rúbrica y nivel de confianza visibles.