Botique

CompletadoDemo
Ver portfolio
Botique

Sistema de atención y ventas por WhatsApp para negocios pequeños. Un bot responde al instante las 24 horas, muestra el catálogo de productos con precios y permite que el cliente reserve un turno sin intervención humana. El dueño gestiona todo desde un panel web: carga productos, organiza catálogos, configura horarios de atención y ve los turnos entrantes en tiempo real.

Capturas de pantalla

Login — acceso seguro al panel de administración
Login — acceso seguro al panel de administración
Dashboard — métricas del día: turnos, pendientes, productos y catálogos con accesos rápidos
Dashboard — métricas del día: turnos, pendientes, productos y catálogos con accesos rápidos
Turnos — listado con fecha, cliente, teléfono, estado y acciones
Turnos — listado con fecha, cliente, teléfono, estado y acciones
Nuevo turno — modal con selector de fecha y slots horarios disponibles
Nuevo turno — modal con selector de fecha y slots horarios disponibles
Productos — tabla con nombre, precio, stock, catálogo y estado
Productos — tabla con nombre, precio, stock, catálogo y estado
Nuevo producto — formulario con campos nombre, precio, stock, descripción, catálogo e imágenes
Nuevo producto — formulario con campos nombre, precio, stock, descripción, catálogo e imágenes
Editar producto — formulario con imágenes cargadas a Cloudinary
Editar producto — formulario con imágenes cargadas a Cloudinary
Detalle de producto — vista completa con imágenes, precio, stock y catálogo
Detalle de producto — vista completa con imágenes, precio, stock y catálogo
Catálogos — gestión de catálogos activos que el bot muestra en WhatsApp
Catálogos — gestión de catálogos activos que el bot muestra en WhatsApp
Nuevo catálogo — modal para crear un catálogo con nombre y descripción
Nuevo catálogo — modal para crear un catálogo con nombre y descripción
Editar catálogo — modal para modificar nombre y descripción de un catálogo existente
Editar catálogo — modal para modificar nombre y descripción de un catálogo existente
Configuración de horarios — horarios por día de semana y bloqueos manuales de franjas
Configuración de horarios — horarios por día de semana y bloqueos manuales de franjas
Workflow n8n — flujo conversacional completo del bot de WhatsApp
Workflow n8n — flujo conversacional completo del bot de WhatsApp
Bot en acción — mensaje de bienvenida automático al cliente en WhatsApp
Bot en acción — mensaje de bienvenida automático al cliente en WhatsApp
Menú principal — el bot ofrece Ver catálogos o Reservar turno
Menú principal — el bot ofrece Ver catálogos o Reservar turno
Selección de catálogo — el bot lista los catálogos activos disponibles
Selección de catálogo — el bot lista los catálogos activos disponibles
Elegir catálogo — el cliente selecciona entre Remeras y Zapatillas
Elegir catálogo — el cliente selecciona entre Remeras y Zapatillas
Productos en WhatsApp — el bot muestra productos con precios y link al detalle
Productos en WhatsApp — el bot muestra productos con precios y link al detalle
Flujo de reserva — el cliente elige Reservar turno desde el menú principal
Flujo de reserva — el cliente elige Reservar turno desde el menú principal
Inicio de reserva — el bot pregunta para qué día quiere el turno
Inicio de reserva — el bot pregunta para qué día quiere el turno
Selección de día — el bot muestra los próximos días hábiles disponibles
Selección de día — el bot muestra los próximos días hábiles disponibles
Mañana o tarde — el bot consulta la preferencia de horario y muestra disponibilidad
Mañana o tarde — el bot consulta la preferencia de horario y muestra disponibilidad
Franja horaria — el cliente elige entre turnos de mañana o tarde
Franja horaria — el cliente elige entre turnos de mañana o tarde
Horarios de mañana — el bot lista los slots disponibles para elegir
Horarios de mañana — el bot lista los slots disponibles para elegir
Confirmación de nombre — el bot solicita el nombre del cliente para finalizar la reserva
Confirmación de nombre — el bot solicita el nombre del cliente para finalizar la reserva
Turno confirmado — el bot envía el resumen con nombre, fecha y hora al cliente
Turno confirmado — el bot envía el resumen con nombre, fecha y hora al cliente
Panel actualizado — el turno reservado por WhatsApp aparece en tiempo real en la lista
Panel actualizado — el turno reservado por WhatsApp aparece en tiempo real en la lista

¿Cómo funciona?

1. Bot conversacional en n8n

El bot corre en n8n y se comunica con la API del backend vía HTTP. Mantiene el estado de cada conversación usando el número de teléfono como clave. Al recibir un mensaje, el workflow decide si el cliente quiere ver catálogos o reservar un turno y lo guía paso a paso sin que ningún humano tenga que intervenir.

2. Flujo de catálogos y productos

El bot lista los catálogos activos y, al seleccionar uno, muestra sus productos con precios y links públicos. Cualquier cambio que el administrador haga en el panel —precio, descripción, imagen— se refleja de inmediato en lo que el bot muestra al siguiente cliente que consulte.

3. Reserva de turno sin llamadas

El cliente elige el día, el bot consulta los slots disponibles al backend filtrando por mañana o tarde, el cliente selecciona el horario y confirma con su nombre. El turno queda registrado en la base de datos con estado PENDING y aparece en el panel del administrador en tiempo real, sin que el dueño del negocio haya tenido que hacer nada.

4. Panel de administración web

El dueño accede a un panel protegido con JWT donde puede crear y editar catálogos, cargar productos con imágenes (subidas a Cloudinary), configurar los horarios de atención por día de semana, bloquear franjas horarias manualmente y ver todos los turnos con su estado: PENDING, CONFIRMED, CANCELLED o COMPLETED.

Funcionalidades

Tecnologías

NestJSReactPostgreSQLTailwindDockerGitHub
Ver en GitHub¿Tenés un proyecto? HablemosContactame