Cómo Insertar una Alineación de Fútbol en tu Web o Blog

Si tienes un blog de fútbol, una web de aficionados o un hilo en un foro sobre el próximo partido, seguramente compartes las alineaciones como capturas de pantalla. El problema de las capturas: son estáticas, se ven borrosas en el móvil y, en cuanto la alineación cambia, tienes que editar la imagen y volver a subirla. Hay una forma mejor — con QuickLineup puedes insertar una alineación interactiva en cualquier web con un solo iframe, totalmente gratis.

¿Por qué insertar en lugar de publicar una imagen?

• Siempre se ve nítida. La alineación insertada se renderiza en vivo y se mantiene perfecta en cualquier pantalla — sin dorsales pixelados.
• Es interactiva. Tus visitantes ven el widget real, con los colores del equipo, los nombres y los números, exactamente como lo armaste.
• Acompaña tu análisis. Un once inicial dentro de un artículo de previa engancha mucho más que una lista de nombres.
• Funciona en 19 idiomas. La interfaz del widget sigue el idioma que elijas: un blog en español muestra el widget en español.

Paso 1: Arma tu alineación

Entra en la página principal de QuickLineup y arma tu alineación: elige un equipo real con su plantilla actualizada o usa el creador de alineaciones personalizado para crear una desde cero con tus propios nombres y colores de camiseta. Elige la formación, coloca a los jugadores y ajústalo todo a tu gusto.

Paso 2: Comparte la alineación

Cuando tu alineación esté lista, usa el botón de compartir. QuickLineup guarda tu alineación y le asigna una página de compartir permanente con su propio enlace. Ese enlace es la fuente de tu inserción: cualquiera que lo abra verá exactamente la alineación que armaste.

Paso 3: Copia el código de inserción

En la página de compartir, haz clic en "Incrustar en tu sitio". Aparece un cuadro con un código iframe listo para copiar:

<iframe
  src="https://quicklineup.com/embed/ID-DE-TU-ALINEACION"
  width="800"
  height="600"
  style="border:none;overflow:hidden;width:100%;height:auto;aspect-ratio:1/1;max-height:600px;"
  title="Mi alineación - QuickLineup">
</iframe>

Pulsa el botón de copiar y el código queda en tu portapapeles. Esa es toda la "programación" que necesitas. El código es responsive desde el principio: width:100% llena la columna de tu artículo, aspect-ratio mantiene las proporciones en el móvil y max-height lo detiene en 600 píxeles en escritorio.

Paso 4: Pégalo en tu web

Dónde pegar el código depende de tu plataforma:

• WordPress: añade un bloque de HTML personalizado en el editor y pega el iframe dentro.
• Blogger: cambia el editor a vista HTML y pega el código donde quieras que aparezca la alineación.
• Foros: la mayoría de foros con soporte HTML (o BBCode de iframe) aceptan el código directamente.
• Cualquier otra web: pega el iframe donde se permita HTML — sitios estáticos, CMS de noticias, páginas de documentación.

Míralo en vivo

Así se ve una alineación insertada — un ejemplo real y funcional colocado en este artículo con el mismo código del paso 3:

Consejo: ajusta el idioma del widget

Añade el parámetro locale a la URL para controlar el idioma del widget — por ejemplo ?locale=es para español:

https://quicklineup.com/embed/ID-DE-TU-ALINEACION?locale=es

Ideas para usar alineaciones insertadas

• Previas de partido: inserta tu once probable junto a tu análisis.
• Crónicas post-partido: muestra la alineación que jugó realmente y analiza qué funcionó.
• Debates de aficionados: enseña tu equipo ideal y deja que tus lectores respondan con el suyo.
• Artículos de táctica: ilustra una guía de formaciones con un ejemplo en vivo en lugar de un diagrama estático.
• Ligas amateur: publica la alineación de tu equipo de fútbol 7 en el foro de la liga.

Preguntas frecuentes

¿Insertar alineaciones es gratis? Sí — armar, compartir e insertar alineaciones es completamente gratis.

¿Los visitantes necesitan una cuenta? No. Cualquiera puede ver la alineación insertada sin registrarse.

¿Puedo editar una alineación después de insertarla? La inserción muestra la alineación tal y como se guardó. Si quieres cambiarla, arma y guarda una nueva versión y actualiza el ID del iframe.

¿Ralentiza mi web? El widget se carga dentro de su propio iframe, aislado de tu página, y está diseñado para ser ligero.

¿Listo para probarlo? Arma tu alineación ahora — desde el primer jugador hasta el código de inserción en menos de un minuto.