Fußball-WM 2026: Fügen Sie Ihrer App eine Sektion mit Spielplan und Ergebnissen hinzu – ganz ohne Code
Written by Mathieu Poli on
Die WM 2026 hat begonnen, und die Spiele werden alle in ihren Bann ziehen: eine Gelegenheit, Ihr Publikum zu binden und zugleich ein neues zu gewinnen – direkt in Ihrer App. So fügen Sie eine Sektion mit Spielplan und Ergebnissen hinzu – der Spielstand jeder Partie, nächstes Spiel im Fokus, Anstoßzeit in der lokalen Zeitzone – ausgehend von einem einfachen Prompt, dank des AI Extension Builder von GoodBarber.
Die WM findet überall statt, nur nicht in Ihrer App

Vom 11. Juni bis zum 19. Juli 2026 prägen 48 Mannschaften und Dutzende Spiele sechs Wochen weltweiter Aufmerksamkeit. In dieser Zeit verfolgt Ihre Community die Ergebnisse in fünf anderen Apps. Keine davon trägt Ihren Namen.
Eine Sektion mit Spielplan und Ergebnissen: genau die Art von Seite, für die Sie gestern noch einen Entwickler gebraucht hätten. Heute beschreiben Sie sie, und sie baut sich selbst. So geht's.
Was Sie erhalten

Eine einzige Seite zum Durchscrollen:
- Zuerst die bereits gespielten Partien, danach die kommenden. Beim Öffnen springt die Seite direkt zum nächsten Spiel: das letzte Ergebnis genau darüber, der Rest genau darunter.
- Nach Tagen gruppiert, mit einer klaren Datumsüberschrift.
- Endstand für abgeschlossene Spiele, Anstoßzeit in der lokalen Zeitzone des Besuchers für kommende Spiele.
- Eine abgerundete Karte pro Spiel, mit beiden Mannschaften und ihren Flaggen sowie einer dezenten Hervorhebung des nächsten Spiels.
- Ein sportliches, Mobile-First-Design.
Und vor allem: echte Daten, niemals erfundene. Während des Ladens erscheinen Platzhalter; bei einem Fehler eine klare Meldung mit einer Schaltfläche „Erneut versuchen" – keine falschen Ergebnisse.
Zwei Wege führen zum Ziel.
Methode 1 – Der Express-Weg: ein Klick in der Beispielbibliothek
Ideal, um schnell ein Ergebnis zu erzielen.
- Fügen Sie in Ihrem GoodBarber-Backoffice eine Sektion hinzu und wählen Sie „Mit KI erstellen" (den AI Extension Builder).
- Öffnen Sie die Beispielbibliothek.
- Wählen Sie das Beispiel „WM 2026 – Spielplan & Ergebnisse".
- Der Assistent generiert den Code und zeigt das Ergebnis live an, im Kontext Ihrer App.
Keine Konfiguration, keine API zum Anbinden, keine einzige Zeile Code. Das Beispiel bringt bereits den richtigen Prompt mit – genau den, den wir gleich darunter aufschlüsseln. Sie können ihn unverändert übernehmen oder an die Farben Ihrer App anpassen.
Das ist das „Ein-Klick"-Szenario: Die Sektion steht in weniger als einer Minute. Doch zu verstehen, wie das Beispiel aufgebaut ist, befähigt Sie, anschließend weitere zu erstellen – für Ihre nationale Liga, Ihre lokale Spielklasse oder die Spiele Ihres einen Vereins.
Methode 2 – Der maßgeschneiderte Weg: die Anatomie des Prompts
Hier ist der exakte Prompt, der sich hinter dem Beispiel verbirgt. Er passt in ein paar Zeilen, und jede Zeile hat ihren Grund.
Unser Beispiel ist auf Englisch verfasst und fordert eine englischsprachige Oberfläche (All text in English). Das ist keineswegs Pflicht: Schreiben Sie Ihren Prompt auf Deutsch und fordern Sie deutsche Texte an, wenn Ihr Publikum deutschsprachig ist.
Was diesen Prompt zuverlässig macht, sind fünf einfache Grundregeln. Sie sind es, die Sie sich merken sollten – weit mehr als dieser konkrete Fall.
1. Das Ergebnis beschreiben, nicht den Code. Sie sagen dem Assistenten nie, wie er etwas tun soll. Sie sagen ihm, was der Nutzer sehen soll: eine scrollende Liste, zuerst die gespielten Partien, der Einstieg direkt beim nächsten Spiel. Sie beschreiben ein Erlebnis; der Assistent schreibt den Code.
2. Auf eine echte Datenquelle verweisen – und sie respektieren. Der Prompt gibt einen Live-Datenlink und eine nicht verhandelbare Anweisung vor: Verwende echte, aktuelle Daten — erfinde niemals Ergebnisse oder Spielpaarungen, verwende ihn unverändert. Das ist der Schutzwall gegen Halluzinationen. Bei jedem Öffnen liest die Seite die echte Quelle; sie erfindet niemals ein Ergebnis. (Für ein anderes Event ändern Sie genau diese Zeile: Ihre Liga, Ihre Spielklasse, Ihr Verein.)
3. Sonderfälle einplanen. 2026 stehen bei vielen Spielen der Finalrunden die Mannschaften noch nicht fest – Sie werden Bezeichnungen wie „Group A Winner" sehen. Der Prompt hat das vorgesehen: solche Spiele ohne Flagge anzeigen und vor allem dafür sorgen, dass ein ungewöhnliches Spiel niemals den Rest der Liste zerstört. Ein einziger fehlerhafter Datensatz darf nicht die ganze Seite zum Absturz bringen.
4. Leere Zustände und Fehler sauber abfangen. Während des Ladens: Platzhalter. Bei einem Fehler: eine klare Meldung und eine Schaltfläche „Erneut versuchen". Niemals falsche Daten, um eine Lücke zu füllen. Genau das unterscheidet eine echte Sektion von einer Demo, die im Meeting abstürzt.
5. Den Stil in einem Satz festlegen. Mobile-First, abgerundete Karten. Der Assistent braucht eine kurze, klare Gestaltungsrichtung, kein Lastenheft.
Diese fünf Grundregeln gelten nicht nur für Fußball. Übertragen Sie sie auf einen Veranstaltungskalender, eine Produktliste oder eine interne Punktetabelle: Es ist dieselbe Prompt-Grammatik.
Warum das in GoodBarber wirklich funktioniert
Code mit einer KI zu generieren – das können viele Tools. Der Unterschied liegt darin, wo dieser Code landet.
Hier schreibt der Assistent nicht ins Leere. Die generierte Sektion fügt sich direkt in Ihre App ein: Das Hosting ist inklusive, sie übernimmt das Smart-Design-System Ihrer Anwendung und sie ist in Ihre App eingebettet – auf iOS, Android und als PWA – und wird wie alles andere über die Stores verteilt. Das Ergebnis ist kein Code-Schnipsel zum Kopieren und Einfügen: Es ist eine lebendige Sektion in einer echten App.
Und das ist erst der Anfang: Eine so gebaute Sektion kann auch auf die Fähigkeiten der Plattform zugreifen – Geolokalisierung, Inhalte, Push-Benachrichtigungen und mehr. Unser Beispiel kommt ohne all das aus – es liest seine Ergebnisquelle direkt – aber Sie können Seiten bauen, die bei der Integration in Ihre App deutlich weiter gehen.
Das erklärt auch das ureigene Versprechen von GoodBarber – professionelle Apps, ohne eine einzige Zeile Code zu schreiben, seit 2011, mit heute einem Download alle 4 Sekunden in 152 Ländern. Der AI Extension Builder führt diese Logik fort: Wenn eine Funktion im Katalog mit über 190 Extensions fehlt, sind Sie nicht mehr auf einen Entwickler angewiesen – Sie beschreiben sie, und sie wird Ihrer App hinzugefügt.
Legen Sie los
Die WM 2026 dauert sechs Wochen. Das Aufmerksamkeitsfenster aber ist jetzt offen.
Öffnen Sie den AI Extension Builder in Ihrem Backoffice (oder starten Sie eine kostenlose Testphase), wählen Sie das Beispiel „WM 2026" in der Bibliothek und veröffentlichen Sie Ihre Sektion mit Spielplan und Ergebnissen vor dem nächsten Anstoß. Greifen Sie dann für die nächste fehlende Funktion Ihrer App auf die fünf Grundregeln des Prompts zurück.
Kurz gefasst (FAQ)
Sind die Ergebnisse aktuell?
Bei jedem Öffnen der Seite liest die Sektion eine Live-Datenquelle. Die angezeigten Ergebnisse und Uhrzeiten sind die, die diese Quelle zurückgibt – niemals erfundene Daten.
Muss man programmieren können?
Nein. Sie beschreiben die Sektion in natürlicher Sprache; der Assistent generiert den Code und zeigt ihn live an. Anschließend können Sie den Prompt verfeinern oder den Code bei Bedarf direkt bearbeiten.
Kann ich das auf ein anderes Event oder meine Liga übertragen?
Ja. Die Struktur des Prompts ist wiederverwendbar: Ändern Sie die Datenquelle und den Stil, um einen anderen Wettbewerb, eine lokale Spielklasse oder nur die Spiele Ihres Vereins abzudecken.
Design