How to Embed a Football Lineup on Your Website or Blog

If you run a football blog, a fan site, or a forum thread about the next big match, you have probably shared lineups as screenshots. The problem with screenshots: they are static, they blur on mobile, and the moment a lineup changes you have to edit the image and re-upload it. There is a better way — QuickLineup lets you embed a live, interactive lineup on any website with a single iframe, completely free.

Why Embed Instead of Posting an Image?

• It always looks sharp. The embedded lineup is rendered live, so it stays crisp on every screen size — no pixelated jersey numbers.
• It is interactive. Visitors see the real lineup widget, with team colors, player names and numbers, exactly as it was built.
• It carries your analysis. A predicted XI inside a match preview article is far more engaging than a paragraph of names.
• It works in 19 languages. The widget interface follows the language you choose, so a Spanish blog gets a Spanish widget.

Step 1: Build Your Lineup

Go to the QuickLineup homepage and build your lineup: pick a real team with its up-to-date squad, or use the custom lineup builder to create one from scratch with your own player names and kit colors. Choose your formation, arrange the players, and adjust everything the way you want it.

Step 2: Share the Lineup

When your lineup is ready, use the share button. QuickLineup saves your lineup and gives it a permanent share page with its own link. This link is the source of your embed — anyone who opens it sees exactly the lineup you built.

Step 3: Copy the Embed Code

On the share page, click "Embed on your site". A code box appears with a ready-to-copy iframe snippet that looks like this:

<iframe
  src="https://quicklineup.com/embed/YOUR-LINEUP-ID"
  width="800"
  height="600"
  style="border:none;overflow:hidden;width:100%;height:auto;aspect-ratio:1/1;max-height:600px;"
  title="My Lineup - QuickLineup">
</iframe>

Click the copy button and the code is on your clipboard. That is all the "coding" you will ever need. The snippet is responsive out of the box: width:100% fills your article column, aspect-ratio keeps the proportions on mobile, and max-height stops it at 600 pixels on desktop.

Step 4: Paste It Into Your Site

Where you paste the code depends on your platform:

• WordPress: add a Custom HTML block in the editor and paste the iframe inside it.
• Blogger: switch the post editor to HTML view and paste the code where you want the lineup to appear.
• Forums: most forum software with HTML support (or an iframe BBCode) accepts the snippet directly.
• Any other site: paste the iframe anywhere HTML is allowed — static sites, news CMS platforms, documentation pages.

See It Live

This is what an embedded lineup looks like — a real, working embed placed in this article with the exact snippet from step 3:

Tip: Match Your Site's Language

Add a locale parameter to the embed URL to control the widget language — for example ?locale=es for Spanish or ?locale=de for German:

https://quicklineup.com/embed/YOUR-LINEUP-ID?locale=es

Ideas for Using Embedded Lineups

• Match previews: embed your predicted starting XI next to your analysis.
• Post-match reviews: show the lineup that actually played and discuss what worked.
• Fantasy and fan debates: let readers see your dream team and reply with theirs.
• Tactics articles: illustrate a formation guide with a live example instead of a static diagram.
• Small-sided leagues: publish your 5-a-side or 7-a-side team sheet on the league forum.

Frequently Asked Questions

Is embedding free? Yes — building, sharing and embedding lineups is completely free.

Do visitors need an account? No. Anyone can view the embedded lineup without signing up.

Can I edit a lineup after embedding it? An embed shows the lineup as it was saved. If you want to change it, build and save a new version, then update the iframe ID.

Does it slow my site down? The widget loads inside its own iframe, isolated from your page, and is lightweight by design.

Ready to try it? Build your lineup now — it takes less than a minute from first player to embed code.