MarketplaceBelleza y bienestar
App de citas
Dale a un salón una web que parece una revista de moda y reserva como una recepción. Los clientes eligen estudio, servicio y persona, y solo ven las horas realmente libres. El equipo lleva el día desde un solo back office: calendario, citas, clientes, pagos, reseñas e informes, en todos los locales.
- Incluida en los planes Starter y Pro
- Una copia exacta de toda la aplicación
- Frontend, backend y datos incluidos
- Tuya para quedártela y cambiarla en tu propio repositorio
- Multiidioma, para el país que necesites
- páginas públicas
- 8
- secciones del back office
- 11
- workflows de backend
- 15
- tablas de datos
- 9
- pasos de reserva
- 5
Pensada para
- Peluquerías, barberías, salones de uñas, estudios de belleza, spas y salas de masaje
- Negocios con uno o varios locales
- Equipos en los que el cliente elige a una persona concreta
- Agencias que la adaptan a la marca de un cliente
Todas las pantallas
Míralo como lo ven clientes y equipo
Una web que se abre como una revista
- Portada a pantalla completa con un titular y un botón de reserva
- Tarjetas de estudio con foto, dirección y horario calculado a partir de las horas reales
- Menú de servicios con pestañas por categoría: la foto grande cambia con la categoría
- Sección de equipo, reseñas de clientes y preguntas respondidas con tus reglas de reserva
1 / 7Portada con un titular y un botón de reserva
Cómo avanza una cita
De la reserva a la reseña
Una cita también puede cancelarse o marcarse como no-show. Las terminadas no se pueden volver a cambiar, así que una visita no se puede cobrar dos veces.
- Pendiente
- Confirmada
- Completada
- Con reseña
Qué recibes
Toda la aplicación, tal cual
Web pública
- Inicio
- Reserva
- Iniciar sesión
- Crear cuenta
- Contraseña olvidada
- Restablecer contraseña
- My appointments
- Perfil
Back office
- Panel
- Calendario
- Citas
- Servicios
- Equipo
- Clientes
- Pagos
- Reseñas
- Informes
- Locales
- Ajustes
Backend
- 15 workflows para cuentas, catálogo, disponibilidad, citas, reseñas y el back office
- 9 tablas: usuarios, locales, servicios, equipo, citas, pagos, reseñas, ajustes, tokens para restablecer la contraseña
Tecnología
- React 18, Tailwind CSS 4, componentes de estilo shadcn, iconos Lucide
- Contraseñas guardadas como hashes; el acceso usa tokens firmados
- Los datos del back office requieren una cuenta de equipo
- Correos para restablecer la contraseña enviados con Resend
En el back office
Cámbialo sin tocar código
- Nombre del negocio, política de depósitos y reglas de reserva
- Cada local
- Cada servicio y cada miembro del equipo
En el código
Un retoque rápido para un cambio de marca total
- El titular y el subtítulo de la portada
- Los títulos de las secciones y la línea del pie de página
- Las categorías de servicios
- La moneda y el título de la web
- Todas las fotos
Puesta en marcha
Ocho pasos hasta la web de tu salón
Vas a necesitar
- Una cuenta de Ubex, donde se ejecutan los workflows y las tablas de la app
- Una cuenta de Resend con un dominio de envío verificado, para los correos de restablecimiento de contraseña
- Añade los secretos que usan los workflows: JWT_SECRET y, para los correos de contraseña, RESEND_API_KEY y EMAIL_FROM. APP_URL es opcional y fija la dirección del enlace del correo.
- Verifica un dominio de envío en Resend. Sin él la app sigue funcionando, y la página de contraseña olvidada avisa de que el correo no está configurado.
- Pon la dirección de la app en los orígenes permitidos de los workflows. Si las direcciones de los workflows cambian al copiar el proyecto, actualízalas en el archivo de API de la app.
- Crea el primer propietario: registra una cuenta y cambia su rol a admin en la tabla users.
- Elimina los usuarios, estudios, equipo, servicios, citas, pagos y reseñas de demostración.
- Introduce los datos del negocio en Ajustes y añade después los locales, los servicios y el equipo.
- Añade los accesos del equipo en Ajustes.
- Publica la app en un subdominio o un dominio propio.
Conviene saberlo
Lo que no hace
Mejor saberlo ahora que después. Cualquiera de estas cosas puedes añadirla tú: el código es tuyo para cambiarlo.
- Sin pago onlineSin captura de tarjeta, enlaces de pago ni depósitos online. Los clientes pagan en el estudio y el equipo lo registra. Un «reembolso» es un registro en la app: no se mueve dinero.
- Sin correos ni SMS de reservaNo se envían confirmaciones, recordatorios ni solicitudes de reseña. El único correo es el enlace para restablecer la contraseña.
- Las citas pendientes se quedanNo se liberan solas: el equipo las confirma o las cancela. Cada cliente puede tener hasta 3 citas pendientes.
- Una visita, un servicioSin lista de espera, citas periódicas, reservas de grupo ni varios servicios en una reserva.
- Sin salas ni sillonesLa disponibilidad se basa en las personas, no en los recursos.
- Sin vista solo para el equipoCada miembro del equipo ve todo el back office, no solo su propia agenda.
- Sin sincronizar calendarios externosNo se sincroniza con calendarios como Google u Outlook.
- Sin subida de fotosLos miembros del equipo aparecen con sus iniciales, y las fotos de la web están en el código.
- Categorías y etiquetas fijasLas categorías de servicios son una lista fija: Hair, Barber, Nails, Skin & Face, Massage, Packages. Las etiquetas de cliente se pueden filtrar y mostrar, pero no editar en la app.
- Una monedaUna moneda (euro) por app.
- Solo hora localLas horas se muestran y se guardan en la hora local del estudio, sin convertir entre zonas horarias. El aviso mínimo se mide contra UTC.
- Sin fidelización ni bonosSin puntos de fidelidad, tarjetas regalo, bonos de visitas ni comisiones del equipo.
- Las reseñas vienen de los clientesSolo las que se dejan tras una cita completada. No se pueden añadir otras.
- Back office para ordenador y tabletaNo está pensado para móviles. La parte del cliente sí.
Todo lo que aparece en estas pantallas es inventado: SalonFlow, sus estudios, direcciones, teléfonos y correos, sus clientes, equipo, citas, pagos, cifras de ingresos y reseñas. Las fotos son provisionales y proceden de Unsplash. No forman parte de la app, así que sustitúyelas por las tuyas.
Deja que tus clientes reserven online
Consigue una copia exacta, ponle tu nombre y hazla tuya.