CitasOnline
Sistema de reservas en linea para tu negocio. Gestiona citas, empleados, clientes y notificaciones desde un solo lugar.
¿Que puedes hacer con CitasOnline?
Reservas en linea
Tus clientes pueden reservar citas 24/7 desde cualquier dispositivo.
Notificaciones automaticas
Emails de confirmacion, recordatorio y cancelacion al cliente y empleado.
Gestion de empleados
Horarios, descansos, dias libres y servicios por empleado.
App movil (PWA)
Instala CitasOnline como app en tu celular iOS o Android.
Portal del cliente
Tus clientes pueden ver y cancelar sus reservas desde su cuenta.
Personalizacion
Colores, idioma, descripcion e imagen de tu negocio.
Acceso al Sistema
Para el negocio (Administrador)
Ir a la pagina de login
Visita https://one.citasonline.us/login en tu navegador.
Ingresar credenciales
Escribe tu email y contrasena registrados.
Acceder al panel
Seras redirigido al dashboard con todas las opciones.
Para los clientes
Los clientes crean su cuenta automaticamente al hacer una reserva con email. Reciben un correo con link para crear su contrasena.
Dashboard
El dashboard es la primera pantalla al ingresar al panel. Muestra un resumen rapido del negocio.
Metricas disponibles
| Metrica | Descripcion |
|---|---|
| 📅 Reservas hoy | Cantidad de reservas para el dia de hoy |
| 📋 Este mes | Total de reservas del mes en curso |
| ⏳ Pendientes | Reservas esperando confirmacion |
| 💵 Ingresos (mes) | Suma estimada de reservas del mes |
| 👤 Clientes | Total de clientes registrados |
| 👥 Empleados | Empleados activos |
Debajo de las metricas aparece la tabla de proximas reservas con fecha, hora, cliente, servicio y estado.
Reservas
Ver y filtrar reservas
En Reservas puedes ver todas las citas. Filtra por estado o fecha usando los campos en la parte superior.
| Estado | Significado |
|---|---|
| Pendiente | La reserva fue creada pero no confirmada |
| Confirmado | Reserva confirmada y programada |
| Completado | La cita ya se realizo |
| Cancelado | La reserva fue cancelada |
Crear una reserva desde el panel
Clic en "+ Nueva reserva"
Boton en la esquina superior derecha o en el menu de Reservas.
Seleccionar servicio y empleado
Elige el servicio, empleado, fecha y hora de la cita.
Datos del cliente
Puedes seleccionar un cliente existente o ingresar datos nuevos.
Guardar
La reserva queda registrada y se envian notificaciones automaticamente.
Editar o cambiar estado
Haz clic en el icono ✏️ de cualquier reserva para editarla. Puedes cambiar todos los datos incluyendo el estado. Al cambiar el estado se envia email automaticamente al cliente y empleado.
Empleados
Agregar un empleado
Ir a Empleados → "+ Agregar empleado"
Llenar datos basicos
Nombre, email (para notificaciones), telefono.
Asignar servicios
Marca los servicios que ofrece este empleado. Solo recibira reservas de esos servicios.
Configurar horario
Activa los dias que trabaja y define hora de inicio y fin por dia.
Guardar
Descansos (Breaks)
En la edicion del empleado puedes agregar descansos recurrentes como el almuerzo:
Ejemplo: Almuerzo todos los dias
| Campo | Valor |
|---|---|
| Dia | Todos los dias |
| Desde | 12:00 |
| Hasta | 13:00 |
Los clientes no podran reservar en esos horarios.
Dias libres
Agrega fechas especificas en que el empleado no trabaja (vacaciones, enfermedad). Los clientes no veran horarios disponibles en esas fechas.
Servicios
Crear un servicio
Ir a Servicios → "+ Agregar servicio"
Nombre y descripcion
El nombre aparece en la pagina de reservas.
Duracion y precio
Define cuanto dura y cuanto cuesta el servicio.
Opciones de visibilidad
Elige si mostrar precio y duracion en la pagina publica.
Duracion flexible (opcional)
Activa esta opcion si el cliente puede elegir cuantas horas necesita (1h, 2h, 3h...).
Clientes
La seccion de Clientes muestra todos los clientes registrados en tu negocio. Los clientes se crean automaticamente cuando hacen una reserva con su email.
Asignar contrasena del portal
Para que un cliente pueda acceder al portal a ver sus reservas:
Ir a Clientes
Busca el cliente en la lista.
Clic en ✏️ Editar
Seccion "Contrasena del portal"
Ingresa una nueva contrasena y confirmala. El campo muestra si ya tiene acceso activo.
Guardar
El cliente ya puede entrar al portal con su email y esa contrasena.
Calendario
El calendario muestra todas las reservas del mes en formato de grilla. Navega entre meses con los botones ‹ y › o usa el boton "Hoy".
Cada reserva aparece con el color del servicio, la hora y el nombre del cliente. Haz clic en "+ Nueva reserva" para agregar una directamente desde el calendario.
Notificaciones por Email
Configura tu servidor de correo para enviar emails automaticos a clientes y empleados.
Configuracion SMTP
| Campo | Descripcion | Ejemplo |
|---|---|---|
| SMTP Host | Servidor de correo | premium22.web-hosting.com |
| SMTP Port | Puerto (465=SSL, 587=TLS) | 465 |
| Usuario | Tu email completo | info@minegocio.com |
| Contrasena | Contrasena del email | •••••••• |
| Remitente | Email que aparece como "De:" | info@minegocio.com |
Cuando se envian emails
| Evento | Cliente | Empleado | Negocio |
|---|---|---|---|
| Nueva reserva | ✅ | ✅ | ✅ |
| Reserva confirmada | ✅ | ✅ | ✅ |
| Reserva cancelada | ✅ | ✅ | ✅ |
| Recordatorio (dia anterior) | ✅ | ✅ | — |
| Reserva completada | ✅ | ✅ | ✅ |
Plantillas SMS (Twilio)
Si tienes cuenta de Twilio, puedes enviar SMS ademas del email. Las plantillas usan variables:
| Variable | Reemplaza con... |
|---|---|
| {nombre} | Nombre del cliente |
| {fecha} | Fecha de la cita |
| {hora} | Hora de la cita |
| {servicio} | Nombre del servicio |
| {empleado} | Nombre del empleado |
| {negocio} | Nombre del negocio |
Personalizar tu Pagina
En Personalizar puedes adaptar la apariencia de tu pagina de reservas.
| Opcion | Descripcion |
|---|---|
| Nombre del negocio | Aparece en el encabezado de tu pagina |
| Descripcion | Subtitulo bajo el nombre |
| Idioma | Espanol o Ingles para toda la pagina |
| Zona horaria | Importante para que las horas sean correctas |
| Paleta de colores | 8 colores predefinidos o color personalizado |
Como hacen reservas tus clientes
Cada negocio tiene una pagina unica de reservas:
Pasos del cliente para reservar
Seleccionar servicio y empleado
El cliente elige el servicio que necesita y el especialista disponible.
Elegir duracion (si aplica)
Si el servicio tiene duracion flexible, puede elegir 1h, 2h o 3h.
Seleccionar fecha y hora
Ve el calendario con dias disponibles y elige un horario libre.
Ingresar datos
Nombre, apellido, email y telefono.
Confirmar
Ve el resumen y confirma. Recibe email de confirmacion inmediatamente.
Portal del Cliente
Tus clientes pueden acceder a su historial de reservas y cancelar citas futuras.
Como accede el cliente
Primera vez
Al hacer una reserva con email, recibe un correo con link para crear su contrasena (valido 48 horas).
Login
Ingresa su email y la contrasena que creo.
Ver reservas
Ve todas sus reservas con fecha, hora, servicio y estado.
Cancelar (opcional)
Puede cancelar reservas futuras con el boton "✕ Cancelar". Se envia email automatico.
Olvide mi contrasena
El cliente puede ir a /portal/forgot-password?slug=TU-SLUG, ingresar su email y recibira un link para restablecer su contrasena (valido 2 horas).
Instalar como App en el Celular
CitasOnline es una PWA (Progressive Web App) — puedes instalarla en tu celular como si fuera una app nativa, sin necesidad de la App Store.
En Android (Chrome)
Abrir en Chrome
Ve a https://one.citasonline.us en Chrome para Android.
Boton "Instalar app"
Aparece automaticamente en la barra superior del panel. Toca "📲 Instalar app".
Confirmar instalacion
Chrome pregunta si deseas agregar al inicio. Acepta.
En iPhone (Safari)
Abrir en Safari
Ve a https://one.citasonline.us en Safari.
Boton compartir
Toca el icono de compartir (cuadrado con flecha) en la barra inferior.
"Agregar a pantalla de inicio"
Desplaza hacia abajo y toca esta opcion.
Confirmar
Toca "Agregar". El icono de CitasOnline aparece en tu pantalla de inicio.
Navegacion en la app movil
En el celular, el panel tiene una barra de navegacion inferior con los accesos rapidos:
| Icono | Funcion |
|---|---|
| 📊 Inicio | Dashboard con metricas |
| 📋 Reservas | Lista de todas las reservas |
| ➕ Nueva | Crear nueva reserva rapidamente |
| 📅 Agenda | Calendario mensual |
| ☰ Menu | Acceso a todas las secciones |
Manual del Usuario v1.0 | Mayo 2026
Para soporte tecnico contactar al administrador del sistema.