Volver a proyectos Sitio web · 2026

TREX Verano 2026: sitio e inscripciones

Landing page, formulario de inscripción multi-paso, contador de cupos en tiempo real, pagos con tarjeta y bot de atención para un campamento tecnológico de verano

HTML / CSS / JavaScriptPHPGoogle Apps ScriptGoogle SheetsCLIP (pagos con tarjeta)Google Tag Manager / Analytics / AdsGitHub ActionsHostGator
Landing page con temática espacial NASA, programas, agenda, precios, testimonios y bot de atención
Landing page con temática espacial NASA, programas, agenda, precios, testimonios y bot de atención
Inscripción en 5 pasos: alumno, tutor, curso, fechas y confirmación
Inscripción en 5 pasos: alumno, tutor, curso, fechas y confirmación

Desarrollé el sitio público del campamento de verano de TREX Education en Monterrey: una landing page con temática espacial que presenta los cuatro programas (AstroCamp, Steam Lab Petit, Club de Minecraft y Vgames Maker Workshop), calendario de 9 semanas, precios por temporada, testimonios, preguntas frecuentes y un juego jugable incrustado en la página.

Sistema de inscripciones

  • Formulario multi-paso (programa, semanas u horas, datos del alumno y del tutor, método de pago, confirmación) con cálculo automático del precio.
  • Precios por temporada: preventa, promoción y regular se activan solos según la fecha; cada programa tiene su propio modelo de precios (por semana, por sesión o por horas).
  • Cupos en tiempo real: un endpoint en PHP con bloqueo de archivo lleva la disponibilidad por semana y la descuenta al inscribir.
  • Backend sin servidor propio: un Web App de Google Apps Script guarda cada inscripción en Google Sheets, envía la confirmación por correo al tutor y crea el checkout de pago.
  • Pagos: transferencia bancaria, efectivo o tarjeta mediante el SDK de CLIP.
  • Panel del personal para inscribir rápidamente a familias ya registradas.
  • Bot de atención integrado como widget de chat en la página para resolver dudas.
  • Medición: Google Tag Manager, Analytics y etiqueta de conversión de Google Ads.

Despliegue continuo

El proyecto vive en un repositorio privado de GitHub. Cada push a la rama principal dispara un flujo de GitHub Actions que, a través de la API de cPanel, actualiza el servidor de HostGator y publica solo los archivos del sitio, sin tocar el estado vivo de cupos. Documenté el proceso y los incidentes (como la migración de servidor de HostGator) para que otras personas puedan colaborar.

Resultado / Impacto

La escuela recibe inscripciones ordenadas en una hoja de cálculo, los padres obtienen confirmación inmediata y el equipo publica cambios en minutos sin subir archivos a mano.

Hablemos

¿Listo para Transformar tu Negocio?

Agenda una consulta gratuita y descubre cómo podemos ayudarte a alcanzar tus objetivos