Plantilla FRAME 2026: web de conferencia con entradas
Plantilla FRAME 2026
FRAME 2026 es la plantilla de conferencia de la galería de Zugo, dentro de la categoría de páginas de aterrizaje. Trae portada con cuenta atrás, ponentes, programa de dos días, tipos de pase, bloque de dudas frecuentes y un área privada del asistente con acreditación y charlas guardadas. Clonarla no gasta créditos y cada edición cuesta 3.
Debajo está el reparto completo: qué hay dentro, hasta dónde llega lo que funciona, qué hace falta conectar para cobrar de verdad y dónde está el límite honesto.
¿Qué incluye la plantilla FRAME 2026?
Todo está ordenado alrededor de una sola acción: comprar el pase. El resto de bloques existen para responder a las preguntas que impiden hacerlo, que son siempre las mismas en cualquier evento con fecha.
| Sección | Qué contiene | Qué se cambia primero |
|---|---|---|
| Portada | Nombre del evento, tema, ciudad, sede, fechas y cuenta atrás | Tu evento, tus fechas, tu sede |
| Ponentes | Fichas con nombre, empresa y tema, en un único escenario | Tus ponentes con foto y charla |
| Programa | Dos jornadas con sesiones por franjas y cierre por la tarde | Tus bloques, tus horarios |
| Pases | Tipos de entrada con lo que incluye cada uno y el plazo de la tarifa anticipada | Tus tarifas y tus condiciones |
| Dudas frecuentes | Bloque escrito desde el punto de vista de quien valora el viaje | Las preguntas reales de tu público |
| Acceso y área privada | Entrada con correo, acreditación, charlas guardadas y datos de cuenta | Textos ahora, acceso real después |
La cuenta atrás de la portada es el detalle más fuerte de la plantilla. En un evento con fecha, la urgencia es real y no un truco de venta, así que el contador hace el trabajo de convencer sin que nadie tenga que escribir un texto insistente.
El bloque de dudas es el segundo acierto. Está redactado desde quien está calculando si le compensa el viaje, no desde quien organiza, y esa diferencia se nota al leerlo. Conviene conservar ese tono al reescribirlo, porque las dudas logísticas son las que más aplazan la compra.
¿Qué hay detrás del inicio de sesión?
Un área del asistente con tres piezas: la acreditación de entrada, las charlas que ha guardado del programa y los datos de su cuenta, con tipo de pase, número de pedido y preferencias.
Es la parte que más suele sorprender, porque una web de conferencia normalmente termina en el botón de comprar. Aquí hay una razón para registrarse antes incluso de pagar, que es armarse el horario personal, y eso da un punto de contacto extra con quien todavía duda.
Ahora bien, hay que ser preciso sobre qué es esto. El formulario de acceso muestra cómo se ve la pantalla y por dónde entra el asistente, pero no comprueba contraseñas ni separa usuarios de verdad. Es la maqueta funcional de un flujo, no el flujo terminado.
La diferencia importa a la hora de planificar. Para enseñar el concepto y recoger interés sirve tal cual. Para que cada asistente tenga su cuenta real hace falta base de datos y acceso auténtico, y eso se añade encima con el conector de Supabase.
¿A qué tipo de evento le sirve y a cuál no?
Encaje directo: congresos, festivales, foros sectoriales y encuentros grandes. Todo lo que tiene fecha, ponentes, programa y entrada de pago cabe en esta estructura casi sin mover nada.
Segundo círculo: formaciones intensivas y cursos con horario. Los ponentes pasan a ser profesores, el programa a ser módulos y los pases a ser modalidades de matrícula. La conversión es directa y se hace con tres o cuatro ediciones.
Tercer círculo: eventos internos de empresa y jornadas de partners. El registro se queda, el pago se quita con una edición y el área privada con horario personal se convierte en lo más útil de toda la página.
No encaja en una web con muchos eventos que se renuevan constantemente. Eso ya es una plataforma con base de datos y panel de gestión, no la página de un evento concreto. El planteamiento más amplio está en cómo hacer la web de un evento con IA.
Tampoco encaja si aún no tienes fecha ni lugar. La cuenta atrás y el bloque de sede ocupan media portada, y sin esos dos datos habría que desmontar bastante. En ese caso sale más a cuenta describir una página de aviso previo desde cero.
¿Cómo se adapta a tu evento paso a paso?
El orden importa: primero el evento, luego las personas, luego el dinero. Cambiarlo produce trabajo repetido y ediciones pagadas dos veces.
- Cambia el evento entero de una vez. "Renombra a Sonido Sur, tema música electrónica, ciudad Valencia, días 12 y 13 de septiembre". Una frase actualiza portada y cuenta atrás a la vez.
- Pon a tus ponentes reales. Nombre, empresa y tema de la charla. Es la parte más leída de la web de un congreso, y los nombres inventados del demo cantan mucho.
- Monta tu programa. "Dos salas en paralelo, sesiones de cuarenta minutos con descansos y cierre a las siete".
- Ajusta los pases. Los precios del demo están en euros y con condiciones propias, así que revisa moneda, impuestos y plazo de la tarifa anticipada de forma explícita.
- Publica y recorre la compra desde el teléfono. El proyecto recibe una dirección del tipo
tu-slug.zugo.run, y las entradas de eventos se compran sobre todo desde el móvil, casi siempre por un enlace de redes.
Mantén una idea por edición. Una frase que mezcla ponentes nuevos, otra paleta y tarifas reescritas cuesta lo mismo, pero luego hay que revisar el resultado en tres direcciones a la vez y es fácil que algo se quede a medias.
¿Qué hay que conectar para vender entradas de verdad?
La plantilla enseña las tarifas pero no cobra: es una página de aterrizaje, no un sistema de venta. El cobro lo activa Stripe, y hasta entonces el botón de comprar es un botón y no una venta.
Stripe resuelve el pago de los pases y también los precios por tramos si haces tarifa anticipada más barata. Supabase guarda inscripciones, cuentas y horarios personales de cada asistente. Resend manda la entrada por correo y el recordatorio de la víspera, que es la parte sin la cual la compra no se siente cerrada.
El dominio propio hace falta casi siempre en un evento, porque la dirección acaba en carteles, en anuncios y en publicaciones. Google Analytics enseña en qué paso se cae la gente durante la compra, y la exportación a GitHub entrega el código como repositorio real, tuyo desde el principio. El detalle del cobro está en cómo conectar Stripe, y el de la dirección en ¿puedo usar mi propio dominio?.
Pide cada conexión en una edición aparte, no como un punto dentro de una lista de deseos. Una frase corta sobre el pago y otra sobre los correos se resuelven mejor que un párrafo donde ambas aparecen entre un ponente nuevo y otro tipo de letra.
¿Por qué la web de un evento tiene tan poco margen?
Porque el plazo es fijo y se conoce de antemano. Una web normal tiene años para mejorar; la de un congreso tiene semanas hasta una fecha después de la cual ya no le sirve a nadie.
De ahí sale una prioridad clara. Tres cosas deben funcionar antes que ninguna otra: fecha con lugar, lista de ponentes y botón de compra. El resto, incluida cualquier animación de la portada, se puede afinar más tarde o no afinarse nunca.
La segunda consecuencia es sobre cuándo publicar. Saca la página en cuanto tengas fecha y la mitad de los ponentes. Una página temprana recoge suscripciones al aviso; una página perfecta a dos semanas del evento recoge menos, porque parte del público ya ha organizado esos días.
La tercera es sobre el mantenimiento. El programa cambia hasta el último día y cada cambio es una edición. Si el horario se retoca a diario, sale más barato guardarlo en base de datos con Supabase que corregir la maquetación una y otra vez.
¿Cuánto cuesta dejarla lista?
Clonar es gratis, así que la cuenta empieza en la primera edición.
| Acción | Coste |
|---|---|
| Clonar la plantilla a un proyecto nuevo | Cero créditos, sin pasar por la IA |
| Una edición en el chat | 3 créditos |
| Construcción desde cero por descripción | 6 créditos |
| Plataforma multipágina, tres primeras páginas | 12 créditos |
| Cada página adicional de la plataforma | 3 créditos |
| Edición en modo Hi-Fi | 6 créditos |
Una adaptación completa a tu evento suele llevar entre ocho y quince ediciones, y la mayor parte se va en el programa y en los ponentes, que son las secciones con más contenido. El plan Pro cuesta $25 al mes y da 200 créditos, que son 66 ediciones, holgura suficiente para llegar a la fecha sin racionar.
El plan gratuito entrega 5 créditos: alcanza para clonar y hacer la primera edición, que es la forma realista de ver tu versión sin pagar. Business cuesta $99 al mes con 800 créditos. Antes de entregarse, cada construcción se arranca en un entorno aislado, así que una versión que no abre no llega a tus manos.
¿Qué no hace esta plantilla?
No es un sistema de entradas. Cupos por tarifa, entradas nominativas, control de acceso con código, devoluciones y cambios de titular son otra cosa. Muchas veces sale más a cuenta conectar un servicio de ticketing existente que construirlo.
El contenido del demo es decorativo. Los ponentes, la sede, las fechas y el número de acreditación están inventados para enseñar la pantalla, y no se pueden dejar en una web publicada. Con los ponentes esto es especialmente serio: un nombre ajeno en el anuncio de un evento es una promesa que no has hecho.
El programa complejo se afina por ediciones. Varias salas en paralelo, cambios diarios y sesiones con aforo se resuelven paso a paso, no con un solo prompt. Llegado cierto volumen, es más honesto guardar el programa en base de datos. En un producto donde el horario es la función principal, Zugo no sustituye a un equipo de desarrollo.
Ninguno de estos límites anula lo que la plantilla sí da: para un evento concreto entrega una página con fecha, ponentes, programa y venta de pases, que es exactamente lo que se busca en la web de un congreso.
¿Por dónde empiezo?
Abre la galería, busca FRAME 2026 entre las páginas de aterrizaje y recorre la vista previa hasta el momento de elegir pase. Si tu asistente haría ese mismo recorrido, la plantilla te vale casi sin cambiar la estructura.
Después clónala y dedica la primera edición al evento, la fecha y el lugar, porque de esos tres datos depende todo lo demás, incluida la cuenta atrás. Avanza en pasos cortos: una edición, una mirada al resultado, una decisión sobre la siguiente. Puedes empezar en Zugo.