Un solo tag HTML. Datos en vivo, banderas, tablas y bracket — con la identidad visual de tu medio. Integralo en cualquier CMS en menos de cinco minutos.
Cada widget es un Web Component autónomo. Se actualizan solos. Se adaptan a tu marca.
Cinta infinita que muestra todos los partidos del fixture con horarios en la zona horaria del lector. Ideal para el header de cualquier sección. Se pausa al pasar el mouse.
<!-- 1. Pegá el script una sola vez --> <script src="https://mundial.amuracms.com/widgets.js"></script> <!-- 2. Ticker completo --> <mundial-ticker></mundial-ticker> <!-- Solo un grupo --> <mundial-ticker group="J"></mundial-ticker> <!-- Solo un equipo --> <mundial-ticker team="Argentina"></mundial-ticker>
Grilla completa con pestañas por grupo. Los horarios se muestran en la zona horaria del lector. Al publicar una nota sobre un grupo, filtrá solo esos partidos.
<!-- Fixture completo, todos los grupos --> <mundial-fixture></mundial-fixture> <!-- Pre-seleccionado en Grupo J (Argentina) --> <mundial-fixture group="J"></mundial-fixture> <!-- Solo partidos de un equipo --> <mundial-fixture team="Francia"></mundial-fixture>
Los 12 grupos con sus 4 equipos cada uno. Los dos clasificados a octavos se marcan en verde automáticamente. Los puntos se calculan en tiempo real desde los resultados.
<!-- Tabla abre en Grupo A por defecto --> <mundial-tabla></mundial-tabla> <!-- Pre-seleccionado en Grupo J --> <mundial-tabla group="J"></mundial-tabla>
El widget de mayor impacto para los lectores. Cuenta hacia el próximo partido de cualquier selección con horario en tiempo real. Cuando el partido comienza, muestra "EN VIVO" automáticamente.
<!-- Cuenta regresiva para Argentina --> <mundial-countdown team="Argentina"></mundial-countdown> <!-- Para cualquier selección --> <mundial-countdown team="Brasil"></mundial-countdown>
Diseñado para que los redactores lo inserten dentro del cuerpo de una nota. Muestra el enfrentamiento limpio: banderas, equipos, horario y estadio. Si el partido tiene resultado, lo muestra automáticamente.
<!-- Insertar en el cuerpo de una nota --> <mundial-partido team1="Argentina" team2="Argelia" ></mundial-partido>
Desde los dieciseisavos hasta la final. Las selecciones avanzan solas a medida que cargás los resultados: el widget resuelve los cruces automáticamente, incluyendo los mejores terceros y las definiciones por penales.
<!-- Bracket completo, se resuelve solo --> <mundial-bracket></mundial-bracket> <!-- Con un estilo --> <mundial-bracket theme="quantum"></mundial-bracket>
El widget que más fideliza al lector: seguí a una selección de punta a punta. Próximo partido, posición en su grupo y la línea de tiempo completa — fase de grupos y eliminación, con los cruces resueltos solos. Cada medio embebe el suyo.
<!-- Seguimiento de una selección --> <mundial-seleccion team="Argentina"></mundial-seleccion> <!-- Para cualquier selección --> <mundial-seleccion team="Brasil"></mundial-seleccion>
Todas las tablas de grupo juntas. En grilla responsiva o, como acá, en modo slider que aprovecha el ancho de la página con navegación por flechas — el formato ideal para portadas. Los puntos se calculan solos desde los resultados.
<!-- Grilla con las 12 tablas --> <mundial-grupos></mundial-grupos> <!-- Slider full-width para portada --> <mundial-grupos layout="slider" mas="/mundial"></mundial-grupos>
Cada estilo tiene su propia estructura HTML, tipografía y paleta. Elegí el que mejor encaja con tu medio — el resto lo hace el widget.
#f5c518acento#1d4e2fprimario#0b111afondo<mundial-ticker></mundial-ticker> <!-- --wm-accent personalizable -->
#CCFF00lima#1b1c1cnegro#faf9f9fondo<mundial-ticker theme="elemental"></mundial-ticker>
#b85c38terracota#02241Dbosque#fcf9f8crema<mundial-ticker theme="organic"></mundial-ticker>
#00f0ffcian#ff24e4magenta#0F131Fnoche<mundial-ticker theme="quantum"></mundial-ticker>
El atributo theme aplica a los 8 widgets: ticker, fixture, tabla, countdown, partido, bracket, grupos y selección.
Sin npm. Sin webpack. Sin desarrollador. Cualquier redactor puede agregarlo.
Una sola línea en el <head> o antes del </body> de tu sitio. Una vez y ya.
<script src="https://mundial.amuracms.com/widgets.js" defer ></script>
Elegí el widget que querés y pegá el tag HTML donde necesitás que aparezca — en tu template, en una nota, en un sidebar.
<!-- En la home --> <mundial-ticker></mundial-ticker> <!-- En una nota de Argentina --> <mundial-countdown team="Argentina"></mundial-countdown>
Cuatro diseños listos para usar. Un atributo aplica el estilo a todos los widgets de tu medio.
<mundial-ticker theme="elemental"></mundial-ticker> <mundial-fixture theme="organic"></mundial-fixture> <mundial-tabla theme="quantum"></mundial-tabla>
| Atributo / Variable | Valores / Default | Qué controla |
|---|---|---|
| theme | elemental · organic · quantum | Estilo de diseño completo (estructura, tipografía y paleta) |
| group | A … L | Pre-selecciona un grupo en fixture, tabla y ticker |
| team | "Argentina" | Filtra por selección en ticker, fixture y countdown |
| team1 / team2 | "Argentina" | Partido específico en el widget partido |
| --wm-accent | #f5c518 | Color de acento del estilo default |
| --wm-bg | #0b111a | Fondo principal del widget (default) |
| --wm-surface | #151e2a | Fondo de tarjetas y superficies (default) |
Embeber nuestros widgets no expone tu medio ni a tus lectores. Mismo modelo que un embed de YouTube o Twitter, pero más liviano y con menos permisos. Esto es lo que podés decirle a tu equipo técnico.
Los widgets no muestran avisos, banners ni contenido patrocinado de terceros. El espacio en tu página es tuyo: solo datos del Mundial, nada más. No competimos por la atención de tus lectores ni por tu inventario publicitario.
No instala cookies, no usa localStorage ni recolecta dato alguno de tus lectores. Nada que declarar en tu política de privacidad.
Cada widget corre dentro de su propio Shadow DOM. Su CSS no se escapa y el de tu sitio no entra: imposible que rompa tu diseño o tu layout.
Todo se sirve desde mundial.amuracms.com sobre HTTPS. Cero llamadas a terceros, cero trackers de publicidad, cero hosts externos.
JavaScript propio, sin eval, sin document.write ni ejecución dinámica de código. Es legible y tu equipo puede revisarlo cuando quiera.
Cualquier texto que cargás (títulos, resultados) se escapa antes de mostrarse. No hay forma de inyectar markup malicioso a través de los datos.
¿Tu sitio usa Content Security Policy? Solo hay que sumar nuestro dominio a script-src. Configuración estándar, no un riesgo.
Para tu administrador de sistemas: si tu CSP está activa, agregá
script-src https://mundial.amuracms.com a la lista de orígenes permitidos. Es lo único que se necesita.
Los widgets son gratis y los pegás vos mismo en minutos. Pero si preferís, lo dejamos andando en tu sitio y te asesoramos para sacarles el máximo.
Desde que empezamos con Amura, lo que más nos movió fue democratizar el acceso a la tecnología: que herramientas que antes pedían presupuesto, desarrollo y mantenimiento estén disponibles de forma simple, accesible y útil.
El Mundial 2026 va a ser uno de los eventos más vistos de la historia. Creemos que cada medio, grande o chico, debería poder ofrecerle una buena experiencia a sus lectores sin depender de desarrollos complejos o costosos.