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.

¿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

Nada se ha reducido a un pequeño conjunto inicial. Los formatos Live tienen un contrato público estable; los formatos Beta son públicos y se pueden probar mientras su presentación se afina con los comentarios de los editores.

Monitor de Ofertas — completo

En vivo

Reseñas de producto y páginas principales

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Comparativa Versus — cara a cara

En vivo

Artículos de enfrentamiento X contra Y

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Top-N de Valor — tarjetas

En vivo

Diseños en cuadrícula y tablas comparativas

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Calculadora de Actualización — compacta

Beta

Barras laterales y módulos breves de actualización

GPU · CPU · RAM solo
Configurar y previsualizar →

Dónde Comprar — lista de ofertas

Beta

Sección de cierre en análisis y guías de compra

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Ficha de Producto — bloque principal

Beta

Análisis a fondo y secciones monográficas

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Cuestionario de Carga — recomendaciones

Beta

Guías interactivas de asesoramiento de compra

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Resumen de Decisión — tarjeta de veredicto

Beta

Conclusiones de artículos y veredictos finales

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Realidad de Precios — vs MSRP

Beta

Análisis de mercado y validación de ofertas

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Vista de diferencias

Beta

Secciones de comparación centradas y resúmenes X contra Y

GPU · CPU · SSD · RAM · Tarjetas madre
Configurar y previsualizar →

Historial de precio y Valor

Obsoleto

junto a un precio que citas en un artículo de consejos de compra

GPU · CPU · SSD · RAM solo
Configurar y previsualizar →

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)

En vivo

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

Monitor de Ofertas — Micro (CPU)

En vivo

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

Insignia de Valor — En línea (CPU)

En vivo

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

Top-N de Valor — Filas (GPU)

En vivo

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

Top-N de Valor — Tarjetas (CPU)

En vivo

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

Comparativa Versus — Cara a Cara (GPU)

En vivo

Ideal para artículos «X vs Y»: dos productos puntuados en un mismo marco de precios, de modo que sus Valores Relativos se comparan directamente. Veredicto instrumental y enlaces de oferta para cada lado.

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

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

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

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 tarjetas madre

🛠️ 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. Ve al Generador de Widgets.
  2. Selecciona el tipo de widget, producto objetivo y estilo por defecto.
  3. Copia el código <iframe> generado y pégalo en tu CMS o en la plantilla de tu artículo.

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

Lo mejor para la velocidad de la página y el SEO: instantáneas estáticas que los buscadores leen al instante, con tus propios ID de afiliado y una exportación con licencia. Es una función de Creator/Pro; los embeds gratuitos usan el iframe en vivo (opción A).

  1. Mira una vista previa de los formatos estáticos en la sección Widgets estáticos Creator más abajo.
  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
  • ✓ Crédito «Powered by The Comparator»
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.

CriterioGratisCreatorPro
Cómo llegan los datos a tu páginaMétodo de entregaIframe interactivoExportación HTML estáticaIframe 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ónThe ComparatorTú — tus propios IDs aprobadosTú — tus propios IDs aprobados
Informes y tiempo de respuestaAnalítica y soporteNingunoCaptura con fecha en la exportaciónSeguimiento editorial · actualización prioritaria · soporte VIP

La marca y la propiedad de los afiliados son derechos distintos: Creator te permite ganar con tus propios ID de Amazon manteniendo visible nuestro crédito. Quitar el crédito es solo de Pro; consulta los Términos de Widgets, §2.

Los planes de pago se licencian por dominio. En Amazon, los editores deben usar su propio ID de Amazon Associates aprobado y ofrecer sus propios avisos obligatorios. Términos de Widgets →

Widgets estáticos Creator 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

Todas las plantillas usan un diseño flexbox/grid adaptable y ocupan automáticamente el 100 % del ancho de su contenedor. No fijes dimensiones en el envoltorio del widget; controla su tamaño envolviéndolo en un contenedor <div style="max-width: 600px;">.

2. Personalización de Colores

Puedes cambiar los colores fácilmente editando las propiedades CSS personalizadas al principio del bloque <style>:
--blue: #6366f1; /* Botones de acento */
--text: #0f172a; /* Título y nombres */
--surface: #ffffff; /* Fondos de tarjeta */

3. Seguimiento de Afiliados

El seguimiento de afiliados personalizado está disponible en los planes Creator y Pro. En Amazon, los editores deben usar su propio ID de Amazon Associates aprobado y ofrecer sus propios avisos obligatorios. Los widgets de vista previa gratuitos no incluyen etiquetas de afiliado.

Próximamente

Estos tipos de widget están en la hoja de ruta. ¿Quieres acceso anticipado? Avísanos.

Gráfico de Rendimiento (Benchmark)

Planificado

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

Planificado

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

Planificado

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.