📌 Acceso rápido
ℹ️ Información
Este panel te permite editar todo el contenido del sitio web del Instituto ITIC. Los cambios se guardan en el almacenamiento local del navegador. Usa el botón 💾 Guardar cambios para aplicar tus ediciones.
Accede a este panel desde /#/admin o desde el enlace "Admin" en el footer.
🏠 Sección Principal (Hero)
🎨 Colores del Hero
Controla el color y opacidad del overlay, y los colores de los textos principales.
🖼️ Imagen de fondo del Hero
📷 Haz clic o arrastra una imagen aquí
JPG, PNG, WebP — máx. 5 MB
🏫 Sección Nosotros
🖼️ Imagen de Nosotros
📷 Imagen del instituto o estudiantes
🎯 Misión, Visión y Valores
📚 Carreras Técnicas
📖 Cursos
🎓 Diplomados
💼 Sección Consultoría
🖼️ Imagen de Consultoría
📷 Imagen de tecnología o laboratorio
🔧 Servicios
🖼️ Galería de fotos
📞 Información de Contacto
📱 WhatsApp flotante
📧 Configuración de correo (EmailJS)
Aquí llegarán los mensajes de contacto y solicitudes de inscripción.
📖 Guía de configuración EmailJS
Sigue estos pasos para obtener tus claves. Es gratis y toma menos de 10 minutos.
Crear cuenta en EmailJS
Visita el sitio oficial y regístrate con tu correo. El plan gratuito permite 200 correos al mes.
→ Ver planes en emailjs.comConectar tu servicio de correo
En el panel de EmailJS ve a Email Services → Add New Service. Selecciona Gmail, Outlook u otro proveedor y autoriza el acceso. Copia el Service ID que aparece (ej. service_abc1234).
Crear plantilla para mensajes de Contacto
Ve a Email Templates → Create New Template. Usa este contenido sugerido:
Asunto: Nuevo mensaje de contacto — {{asunto}}
De: {{nombre}} ({{email_origen}})
Teléfono: {{telefono}}
Asunto: {{asunto}}
{{mensaje}}
En el campo To Email escribe: {{email_destino}}
Guarda y copia el Template ID (ej. template_xyz9876).
Crear plantilla para Inscripciones
Crea una segunda plantilla con este contenido:
Asunto: Nueva solicitud de inscripción — {{programa}}
Solicitud de inscripción
Nombre: {{nombre}}
Email: {{email_origen}}
Teléfono: {{telefono}}
Programa: {{programa}}
Tipo: {{tipo}}
Turno: {{turno}}
Fecha: {{fecha}}
Campo To Email: {{email_destino}}
Copia el segundo Template ID.
Obtener tu Public Key
Ve a Account → General → Public Key. Copia la clave (empieza con user_... o es una cadena alfanumérica).
Pegar las claves arriba y activar
Ingresa el Public Key, Service ID, ambos Template IDs y el correo destino en los campos de arriba. Activa el toggle y guarda los cambios. Usa el botón 🧪 Probar conexión para verificar.
🎨 Colores
📝 Marca
🖼️ Logo
📷 Logo del instituto (cuadrado, preferiblemente PNG)
🌐 Pestaña del navegador
Este texto aparece en la pestaña del navegador y en resultados de búsqueda.
PNG o ICO recomendado — tamaño ideal: 32×32 o 64×64 px
📎 Haz clic para subir favicon
PNG, ICO — 32×32 o 64×64 px
📋 Solicitudes de inscripción
No hay solicitudes registradas aún.
⚙️ Configuración del formulario
👁 Vista previa del encabezado
🖼️ Logotipo principal
Este logo aparecerá en el navbar, footer y pantalla de login del admin. Sube una imagen cuadrada (PNG con fondo transparente recomendado).
📷 Arrastra o haz clic para subir el logo
PNG, JPG, SVG — fondo transparente ideal
📝 Textos del encabezado
🔗 Elementos del menú
Personaliza las etiquetas del menú de navegación.
🗂️ Visibilidad y orden de secciones
Activa o desactiva cada sección con el toggle. Arrastra las filas para cambiar el orden en que aparecen en el sitio.
ℹ️ Notas
• La sección Hero siempre es visible y no se puede ocultar.
• La sección Contacto siempre aparece al final.
• Los cambios se aplican al guardar con 💾 Guardar cambios.
👥 Textos de la sección
👤 Formadores
🔑 Cambiar credenciales de acceso
Modifica el usuario y contraseña para acceder al panel de administración.
ℹ️ Información de seguridad
Las credenciales se almacenan localmente en este dispositivo. Si las olvidas, puedes resetearlas borrando el localStorage del navegador.
Acceso al admin: /#/admin