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 código para copiar y pegar, 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 crea 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 el código 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>
<p style="font-size:13px;margin-top:6px;">Hecho con el <a href="https://quicklineup.com/es/alineacion-espana">creador de alineaciones de España</a> en QuickLineup</p>

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 tiene dos partes. El <iframe> es el widget de la alineación y 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. Debajo hay una pequeña línea de crédito que enlaza al creador con el que se armó tu alineación — es la atribución que mantiene QuickLineup gratis, así que pega las dos partes y deja el enlace en su sitio. Es una sola línea de 13 píxeles; puedes darle el estilo que encaje con tu web.

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 código completo 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. Si tu foro elimina la etiqueta <p>, añade el crédito como una línea de texto normal bajo la alineación.
• Cualquier otra web: pega el código 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:

Hecho con el creador de alineaciones de Francia en QuickLineup

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.

¿Puedo quitar la línea de crédito? Por favor, déjala. QuickLineup es gratis, sin cuenta y sin muro de pago, y el enlace de crédito bajo el widget es lo único que pedimos a cambio. Puedes darle el estilo que quieras para que encaje con tu diseño.

¿Por qué el enlace apunta a una página de equipo? El enlace lleva al creador que corresponde a tu alineación — una alineación del Barcelona acredita al creador del Barcelona, un equipo personalizado acredita la página principal — para que tus lectores lleguen a la página que más les sirve.

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