WK voetbal 2026: voeg een speelschema- en resultatensectie toe aan uw app, zonder code

Written by Mathieu Poli on Dinsdag 16 Juni 2026

Het WK 2026 is begonnen, en de wedstrijden trekken ieders aandacht: een kans om uw publiek aan u te binden én een nieuw publiek aan te trekken, rechtstreeks in uw app. Zo voegt u er een speelschema- en resultatensectie aan toe — de stand van elke wedstrijd, de volgende match uitgelicht, de aftrap in de lokale tijdzone — vertrekkend vanaf een eenvoudige prompt, dankzij de AI Extension Builder van GoodBarber.

Het WK speelt zich overal af behalve in uw app

Van 11 juni tot 19 juli 2026 zorgen 48 ploegen en tientallen wedstrijden voor zes weken wereldwijde aandacht. Ondertussen volgt uw community de scores in vijf andere apps. Geen enkele draagt uw naam.

Een speelschema- en resultatensectie: precies het soort pagina waarvoor u gisteren nog een ontwikkelaar nodig had. Vandaag beschrijft u ze, en ze bouwt zichzelf. Zo gaat dat.

Wat u krijgt

Eén pagina, die scrolt:

Eerst de gespeelde wedstrijden, daarna de komende. Bij het openen springt de pagina meteen naar de volgende match: het laatste resultaat net erboven, het vervolg net eronder.
Gegroepeerd per dag, met een duidelijke datumkop.
Eindstand voor afgelopen wedstrijden, aftraptijd in de lokale tijdzone van de bezoeker voor komende wedstrijden.
Een afgeronde kaart per match, met de twee ploegen en hun vlaggen, en een subtiele markering van de volgende match.
Een sportief, mobile-first design.

En vooral: echte data, nooit verzonnen. Tijdens het laden verschijnen placeholders; bij een fout een duidelijke melding met een knop « Opnieuw proberen » — geen valse scores.

Twee manieren om er te komen.

Methode 1 — De snelle weg: één klik in de voorbeeldbibliotheek

Ideaal om snel een resultaat te krijgen.

Voeg in uw GoodBarber-back-office een sectie toe en kies « Maken met AI » (de AI Extension Builder).
Open de voorbeeldbibliotheek.
Selecteer het voorbeeld « WK 2026 — Speelschema & Resultaten ».
De assistent genereert de code en toont het resultaat live, in de context van uw app.

Geen configuratie, geen API om aan te koppelen, geen regel code. Het voorbeeld bevat al de juiste prompt — diezelfde die we hieronder ontleden. U kunt ze houden zoals ze is, of ze afstemmen op de kleuren van uw app.

Dit is het « één klik »-scenario: de sectie staat er in minder dan een minuut. Maar begrijpen hoe het voorbeeld is opgebouwd, is wat u daarna in staat stelt er andere te maken — voor uw nationale kampioenschap, uw lokale competitie of de wedstrijden van uw eigen club.

Methode 2 — De maatwerkweg: de anatomie van de prompt

Hier is de exacte prompt achter het voorbeeld. Hij past in een paar regels, en elke regel heeft een reden van bestaan.

Create a clean, modern page that shows all the FIFA World Cup 2026 matches in one simple scrolling list — the matches already played first, then the ones coming up. When the page opens, scroll straight to the next upcoming match, so people see the latest results just above and what's next below.

Group the matches by day with a clear date heading. For finished matches show the final score; for upcoming matches show the kickoff time in the visitor's local time. Mark a match that's being played right now with a small red "LIVE" tag. Give each match its own rounded card with the two teams and their flags, and gently highlight the next match.

Use real, live data — never make up scores or fixtures. Get it from this exact link, and use it as-is without changing it:
https://site.api.espn.com/apis/site/v2/sports/soccer/fifa.world/scoreboard?dates=20260611-20260719&limit=950

A few of the later matches don't have their teams decided yet (you'll see labels like "Group A Winner") — just show those without a flag, and make sure one unusual match never breaks the rest of the list. While the data loads show loading placeholders, and if it can't load show a friendly message with a "Retry" button instead of any fake data.

Make it sporty and mobile-first, with rounded cards, a green accent and a sticky header. All text in English.

Ons voorbeeld is in het Engels geschreven en vraagt om een Engelstalige interface (All text in English). Niets verplicht u daartoe: schrijf uw prompt in het Nederlands en vraag om Nederlandse teksten als uw publiek Nederlandstalig is.

Wat deze prompt betrouwbaar maakt, zijn vijf eenvoudige reflexen. Die zijn het waard om te onthouden, veel meer dan dit specifieke geval.

1. Beschrijf het resultaat, niet de code. U zegt de assistent nooit hoe iets moet. U zegt wat de gebruiker moet zien: een lijst die scrolt, de gespeelde wedstrijden eerst, het openen afgestemd op de volgende match. U beschrijft een ervaring; de assistent schrijft de code.

2. Verwijs naar een echte databron — en respecteer ze. De prompt geeft een live datalink en een niet-onderhandelbare instructie: Use real, live data — never make up scores, use it as-is. Dat is het vangnet tegen hallucinatie. Bij elke opening leest de pagina de echte bron; ze verzint nooit een score. (Voor een ander evenement is het deze regel die u aanpast: uw kampioenschap, uw competitie, uw club.)

3. Anticipeer op de bijzondere gevallen. In 2026 hebben veel wedstrijden uit de eindronde nog geen toegewezen ploegen — u zult labels van het type « Group A Winner » zien passeren. De prompt houdt daar rekening mee: toon die wedstrijden zonder vlag, en zorg er vooral voor dat één ongewone match nooit de rest van de lijst breekt. Eén wankel stukje data mag niet de hele pagina onderuithalen.

4. Verzorg de lege toestanden en de fouten. Tijdens het laden: placeholders. Bij een fout: een duidelijke melding en een knop « Opnieuw proberen ». Nooit valse data om een gat op te vullen. Dat is wat een echte sectie onderscheidt van een demo die in een vergadering crasht.

5. Kader de stijl in één zin. Mobile-first, afgeronde kaarten. De assistent heeft een korte, scherpe artistieke richting nodig, geen lastenboek.

Deze vijf reflexen gelden niet alleen voor voetbal. Hergebruik ze voor een evenementenkalender, een productlijst, een intern scorebord: het is dezelfde promptgrammatica.

Waarom het echt werkt in GoodBarber

Code genereren met AI, veel tools doen dat. Het verschil zit in waar die code landt.

Hier schrijft de assistent niet in het luchtledige. De gegenereerde sectie integreert rechtstreeks in uw app: de hosting is inbegrepen, ze neemt het Smart Design-systeem van uw applicatie over, en ze wordt mee in uw app verpakt — op iOS, Android en als PWA — en daarna net als de rest naar de stores verdeeld. Het resultaat is geen stukje code om te kopiëren en plakken: het is een levende sectie in een echte app.

En dat is nog maar het begin: een zo gebouwde sectie kan ook putten uit de mogelijkheden van het platform — geolocatie, content, pushmeldingen, enzovoort. Ons voorbeeld heeft dat niet nodig — het leest zijn scorebron rechtstreeks — maar u kunt pagina's bouwen die veel verder gaan in de integratie met uw app.

Dat verklaart ook de historische belofte van GoodBarber — professionele apps zonder ook maar één regel code te schrijven, sinds 2011, met vandaag een download om de 4 seconden in 152 landen. De AI Extension Builder trekt die logica door: als een functie ontbreekt in de catalogus van 190+ extensies, bent u niet langer afhankelijk van een ontwikkelaar — u beschrijft ze, en ze wordt aan uw app toegevoegd.

Aan de slag

Het WK 2026 duurt zes weken. Het aandachtsvenster staat nú open.

Open de AI Extension Builder in uw back-office (of start een gratis proefperiode), kies het voorbeeld « WK 2026 » in de bibliotheek, en publiceer uw speelschema- en resultatensectie vóór de volgende aftrap. Hergebruik daarna de vijf promptreflexen voor de volgende functie die uw app mist.

In het kort (FAQ)

Zijn de resultaten up-to-date?

Bij elke opening van de pagina leest de sectie een live databron. De getoonde scores en tijdstippen zijn die welke deze bron teruggeeft — nooit verzonnen data.

Moet u kunnen coderen?

Nee. U beschrijft de sectie in natuurlijke taal; de assistent genereert de code en toont ze live. U kunt daarna de prompt bijschaven, of de code rechtstreeks bewerken als u dat wilt.

Kan ik ze aanpassen aan een ander evenement of aan mijn kampioenschap?

Ja. De structuur van de prompt is herbruikbaar: wijzig de databron en de stijl om een andere competitie, een lokale competitie of enkel de wedstrijden van uw club te dekken.