Widget Sorteo Mundial FIFA 2026

Incrusta el sorteo en vivo en tu sitio web o pagina AMP

Vista Previa - Vertical

Tema Oscuro

Tema Claro

Vista Previa - Horizontal

Ideal para barras de noticias, tickers o espacios reducidos en altura.

Tema Oscuro - Horizontal

Tema Claro - Horizontal

Vista Previa - Fondo Transparente

Perfecto para integrarse con el fondo de tu sitio web.

Oscuro Transparente

Claro Transparente

Metodo 1: Iframe (Recomendado)

La forma mas sencilla de incrustar el widget. Compatible con cualquier sitio web.

<iframe
  src="https://mundial2026.sintax.news/api/widget?theme=dark"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:12px;"
  title="Sorteo Mundial FIFA 2026"
></iframe>

Metodo 2: Google AMP

Para paginas AMP, usa el componente amp-iframe.

<!-- En el <head> -->
<script async custom-element="amp-iframe" 
  src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js">
</script>
<!-- En el body -->
<amp-iframe
  width="400"
  height="600"
  layout="responsive"
  sandbox="allow-scripts allow-same-origin"
  src="https://mundial2026.sintax.news/api/widget?theme=dark"
>
  <amp-img
    layout="fill"
    src="https://mundial2026.sintax.news/images/widget-placeholder.png"
    placeholder
  ></amp-img>
</amp-iframe>

Metodo 3: JavaScript Embed

Incrusta el widget con una sola linea de JavaScript.

<div id="sintax-mundial-widget"></div>
<script>
(function() {
  var container = document.getElementById('sintax-mundial-widget');
  var iframe = document.createElement('iframe');
  iframe.src = 'https://mundial2026.sintax.news/api/widget?theme=dark';
  iframe.width = '100%';
  iframe.height = '600';
  iframe.frameBorder = '0';
  iframe.style.border = 'none';
  iframe.style.borderRadius = '12px';
  iframe.title = 'Sorteo Mundial FIFA 2026';
  container.appendChild(iframe);
})();
</script>

Parametros

ParametroValoresDescripcion
themedark | lightTema del widget (default: dark)
layoutvertical | horizontalDisposicion de los grupos (default: vertical)
transparenttrue | falseFondo transparente para integrarse con tu sitio (default: false)
heightauto | 100% | numeroAltura del widget: auto (contenido), 100% (contenedor padre), o pixeles (default: auto)

Auto-resize del Iframe

El widget envia su altura via postMessage para que puedas ajustar el iframe automaticamente.

<iframe id="sintax-widget" src="https://mundial2026.sintax.news/api/widget?theme=dark"></iframe>
<script>
window.addEventListener('message', function(event) {
  if (event.data && event.data.type === 'sintax-widget-height') {
    var iframe = document.getElementById('sintax-widget');
    iframe.style.height = event.data.height + 'px';
  }
});
</script>

Ejemplos de URLs

Vertical oscuro (default)

https://mundial2026.sintax.news/api/widget?theme=dark

Horizontal claro

https://mundial2026.sintax.news/api/widget?theme=light&layout=horizontal

Horizontal oscuro transparente

https://mundial2026.sintax.news/api/widget?theme=dark&layout=horizontal&transparent=true

Powered by Sintax