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>
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 6 widgets: ticker, fixture, tabla, countdown, partido y bracket.
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) |
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.