Guía Completa: Widgets e Integración Web (Embeds) en Deporstar

El módulo de Widgets en Deporstar es una herramienta avanzada diseñada para generadores de contenidos, administradores y organizadores de ligas que desean mostrar la información técnica de su competición directamente en su propio sitio web.

Mediante bloques de código incrustable (iFrames), la audiencia de tu sitio web (WordPress, Wix, Webflow o código HTML personalizado) podrá consultar estadísticas en tiempo real sin necesidad de que subas capturas de pantalla o actualices manualmente las imágenes de las tablas.

🎯 Secciones Disponibles para Incrustar

Al generar un Widget, puedes seleccionar e integrar de forma independiente cualquiera de los siguientes apartados públicos de tu torneo:

• Tabla de posiciones / Clasificación: Posiciones actualizadas, puntos, partidos jugados y diferencia de goles.
• Partidos y programación: Calendario de las próximas fechas o encuentros por jugar.
• Resultados de la jornada: Marcadores y resultados finales de los partidos concluidos.
• Ranking de goleadores: Tabla de máximo goleador de la temporada.
• Tabla de tarjetas e incidencias: Control de tarjetas amarillas y rojas aplicadas.
• Lista de planteles de jugadores: Relación pública de futbolistas inscritos por equipo.

🔒 Requisitos de Acceso y Suscripción

Para mantener la calidad y el rendimiento de los servidores, el módulo de integración por Widgets tiene condiciones específicas según el nivel de cuenta:

🚀 ¿Cómo Ubicar la Sección de Widgets?

⚠️ Nota Importante: El generador de Widgets se gestiona a nivel de Liga (la institución global que engloba todas tus versiones o temporadas), no dentro de la administración de un torneo individual.

1. Ingresa a la plataforma y dirígete a la sección de administración de tu Liga:
   • Opción A: Haz clic en tu avatar o foto de usuario (esquina superior derecha) y selecciona “Mis competiciones” o “Mis Ligas”.
   • Opción B: Haz clic en el ícono en forma de Trofeo con estrella ubicado en la barra superior junto a tu perfil.
2. En el listado de tus ligas registradas, ubica la liga correspondiente y presiona el botón “Administrar”.
3. En el menú de navegación superior por pestañas (Torneos, Finanzas, Sponsors, Widgets), selecciona la pestaña “Widgets”.

🛠️ Paso a Paso: Cómo Generar y Personalizar un Embed

Dentro del panel de la página de Widgets, verás la herramienta interactiva para generar los bloques de código:

Paso 1: Seleccionar la Temporada o Torneo

Una Liga puede tener múltiples ediciones o temporadas (ejemplo: Apertura 2026, Clausura 2026). En el desplegable “1. Selecciona el Torneo”, elige la edición específica de la cual deseas extraer los datos.

Paso 2: Elegir el Módulo a Incrustar

Selecciona la herramienta que quieres mostrar en tu web (Tabla, Partidos, Resultados, Goleadores o Tarjetas).

Paso 3: Elegir el Tema Visual (Claro / Oscuro)

Para que el Widget combine con el diseño de tu sitio web, puedes alternar la paleta de colores mediante el interruptor de tema:

• Tema Claro (theme=1): Fondo blanco y bordes limpios, ideal para sitios web tradicionales.
• Tema Oscuro (theme=0): Fondo oscuro (estilo slate/night), ideal para webs deportivas modernas o modo noche.

Paso 4: Copiar el Código HTML (iFrame)

El sistema construirá automáticamente una etiqueta <iframe ...> única. Presiona el botón “Copiar Código” e insértalo en el editor de tu sitio web (utilizando el bloque HTML Personalizado o Embed iFrame de WordPress/Wix), de la misma manera que incrustas un video de YouTube.

⚙️ Personalización del Código e Instrucciones para Webmasters

Si deseas ajustar manualmente el tamaño del cuadro visual dentro del código HTML de tu sitio web, puedes modificar directamente sus propiedades:

<!-- Ejemplo de Widget generado por Deporstar -->
<iframe
  src="[https://deporstar.com/embed/torneo/40477/tabla/?theme=1](https://deporstar.com/embed/torneo/40477/tabla/?theme=1)"
  width="100%"
  height="550"
  frameborder="0"
  loading="lazy"
  style="border: none; overflow: hidden; min-height: 450px;"
></iframe>