Mundial 2026: añade una sección de calendario y resultados a tu app, sin programar
Escrito por Mathieu Poli el
El Mundial 2026 ya ha empezado, y los partidos van a captar la atención de todos: una ocasión tanto para fidelizar a tu audiencia como para atraer a una nueva, directamente en tu app. Te explicamos cómo añadir una sección de calendario y resultados —el marcador de cada partido, próximo partido destacado, hora de inicio en el huso local— partiendo de un simple prompt, gracias al AI Extension Builder de GoodBarber.
El Mundial se vive en cualquier app menos en la tuya

Del 11 de junio al 19 de julio de 2026, 48 selecciones y decenas de partidos marcarán el ritmo de seis semanas de atención mundial. Mientras tanto, tu comunidad sigue los marcadores en otras cinco aplicaciones. Ninguna lleva tu nombre.
Una sección de calendario y resultados: justo el tipo de página que, hasta hace poco, exigía un desarrollador. Hoy la describes, y se construye sola. Así es como.
Lo que vas a obtener

Una sola página, con scroll:
- Primero los partidos ya disputados, luego los que están por venir. Al abrir, la página se sitúa directamente en el próximo partido: el último resultado justo encima, lo que viene justo debajo.
- Agrupados por día, con un título de fecha claro.
- Marcador final para los partidos terminados, hora de inicio en el huso horario local del visitante para los partidos por venir.
- Una tarjeta redondeada por partido, con los dos equipos y sus banderas, y un realce discreto del próximo partido.
- Un diseño sporty, mobile-first.
Y, sobre todo: datos reales, nunca inventados. Durante la carga, placeholders; en caso de fallo, un mensaje claro con un botón «Reintentar» —sin marcadores falsos.
Dos maneras de conseguirlo.
Método 1 — La vía exprés: un clic en la biblioteca de ejemplos
Ideal para obtener un resultado rápidamente.
- En tu back-office de GoodBarber, añade una sección y elige «Crear con IA» (el AI Extension Builder).
- Abre la biblioteca de ejemplos.
- Selecciona el ejemplo «Mundial 2026 — Calendario y Resultados».
- El asistente genera el código y muestra el resultado en directo, en el contexto de tu app.
Sin configuración, sin API que conectar, sin una sola línea de código. El ejemplo ya incorpora el prompt correcto —el mismo que analizamos justo debajo. Puedes dejarlo tal cual, o ajustarlo a los colores de tu app.
Es el escenario «un clic»: la sección existe en menos de un minuto. Pero entender cómo está escrito el ejemplo es lo que después te permitirá crear otros —para tu liga nacional, tu competición local o los partidos de tu propio club.
Método 2 — La vía a medida: la anatomía del prompt
Este es el prompt exacto que se esconde detrás del ejemplo. Cabe en unas pocas líneas, y cada línea tiene una razón de ser.
Lo que hace fiable a este prompt son cinco reflejos sencillos. Son ellos los que conviene retener, mucho más que este caso concreto.
1. Describe el resultado, no el código. Nunca le decimos al asistente cómo hacerlo. Le decimos lo que el usuario debe ver: una lista con scroll, primero los partidos disputados, la apertura ajustada al próximo partido. Tú describes una experiencia; el asistente escribe el código.
2. Apunta a una fuente de datos real —y respétala. El prompt da un enlace de datos en directo y una instrucción innegociable: Usa datos reales y actualizados — nunca inventes marcadores ni partidos, y úsalo tal cual. Es la barrera anti-alucinación. Cada vez que se abre, la página lee la fuente real; nunca inventa un marcador. (Para otro evento, esta es la línea que cambias: tu liga, tu competición, tu club.)
3. Anticipa los casos particulares. En 2026, muchos partidos de las fases finales aún no tienen equipos asignados —verás etiquetas del tipo «Group A Winner». El prompt lo ha previsto: mostrar esos partidos sin bandera y, sobre todo, que un partido inusual nunca rompa el resto de la lista. Un solo dato defectuoso no debe tumbar toda la página.
4. Cuida los estados vacíos y los errores. Durante la carga: placeholders. En caso de fallo: un mensaje claro y un botón «Reintentar». Nunca datos falsos para rellenar un hueco. Es lo que separa una sección de verdad de una demo que se cae en plena reunión.
5. Define el estilo en una frase. Mobile-first, tarjetas redondeadas. El asistente necesita una dirección artística corta y nítida, no un pliego de condiciones.
Estos cinco reflejos no valen solo para el fútbol. Aplícalos a un calendario de eventos, una lista de productos, un cuadro de marcadores interno: es la misma gramática de prompt.
Por qué funciona de verdad en GoodBarber
Generar código con una IA lo hacen muchas herramientas. La diferencia está en dónde aterriza ese código.
Aquí, el asistente no escribe en el vacío. La sección generada se integra directamente en tu app: el alojamiento está incluido, adopta el sistema Smart Design de tu aplicación y se embebe en tu app —en iOS, Android y como PWA— para luego distribuirse en las stores como el resto. El resultado no es un fragmento de código para copiar y pegar: es una sección viva dentro de una app de verdad.
Y esto es solo el principio: una sección construida así también puede aprovechar las capacidades de la plataforma —geolocalización, contenido, notificaciones push, etc. Nuestro ejemplo prescinde de ellas —lee directamente su fuente de marcadores—, pero puedes construir páginas que lleguen mucho más lejos en la integración con tu app.
Es también lo que explica la promesa histórica de GoodBarber —apps profesionales sin escribir una sola línea de código, desde 2011, con hoy una descarga cada 4 segundos en 152 países. El AI Extension Builder prolonga esa lógica: cuando falta una función en el catálogo de más de 190 extensiones, ya no dependes de un desarrollador —la describes, y se añade a tu app.
Manos a la obra
El Mundial 2026 dura seis semanas. La ventana de atención, en cambio, está abierta ahora.
Abre el AI Extension Builder en tu back-office (o empieza una prueba gratuita), elige el ejemplo «Mundial 2026» en la biblioteca y publica tu sección de calendario y resultados antes del próximo pitido inicial. Después, reutiliza los cinco reflejos del prompt para la próxima función que le falte a tu app.
En resumen (FAQ)
¿Los resultados están actualizados?
Cada vez que se abre la página, la sección lee una fuente de datos en directo. Los marcadores y los horarios que se muestran son los que devuelve esa fuente —nunca datos inventados.
¿Hace falta saber programar?
No. Describes la sección en lenguaje natural; el asistente genera el código y lo muestra en directo. Después puedes afinar el prompt, o editar el código directamente si lo prefieres.
¿Puedo adaptarlo a otro evento o a mi liga?
Sí. La estructura del prompt es reutilizable: cambia la fuente de datos y el estilo para cubrir otra competición, una liga local o únicamente los partidos de tu club.
Diseño