Formularios
Videos tutoriales
Los videos se reproducen si la carpeta media/ está disponible en el servidor.
¿Para qué sirve este módulo?
El módulo Formularios permite crear encuestas, fichas de registro y formularios de contacto personalizados, compartirlos mediante un enlace público (sin que el encuestado inicie sesión en el CRM) y revisar las respuestas recibidas con gráficas y detalle por respuesta.
- Diseñar formularios con un constructor visual: arrastrar campos, marcar obligatorios y definir opciones.
- Publicar con un token único — enlace tipo Formulario Publico.
- Experiencia paso a paso (estilo Typeform): una pregunta por pantalla, barra de progreso y pantalla de agradecimiento.
- Consultar respuestas, vincularlas a un cliente del CRM y ver estadísticas.
- Recibir aviso por e-mail al llegar una nueva respuesta (si lo configura).
Relación con otros módulos
| Acción / dato | Módulo o pantalla |
|---|---|
| Vincular respuesta a persona/empresa | Clientes — panel «Vincular cliente» en detalle de respuesta |
| Enlace con cliente precargado | URL pública con &id_cliente= (vinculación automática al enviar) |
| Autor del formulario | Se guarda el empleado que lo creó (visible en listado) |
| Archivos adjuntos | Se almacenan en uploads/formularios/ y se descargan desde el detalle de respuesta |
| Sin integración directa | No crea pedidos, órdenes de servicio ni clientes automáticamente (solo vincula si usted lo indica) |
Inicio rápido
- Nuevo formulario → título (obligatorio) → añada campos desde la paleta izquierda.
- Escriba la etiqueta de cada pregunta; marque Req. si es obligatoria.
- Guardar formulario → copie el enlace público.
- Comparta el enlace por WhatsApp, e-mail o QR.
- En Mis formularios → icono respuestas → revise entradas y estadísticas.
Conceptos clave
- Formulario
- Cabecera con título, descripción, estado, token público y opciones de notificación. Contiene uno o más campos.
- Campo / pregunta
- Cada ítem del formulario: tipo (texto, opción múltiple, archivo…), etiqueta visible, obligatorio sí/no y orden de aparición.
- Token público
- Código largo y único generado al crear el formulario. Identifica el formulario en la URL pública sin exponer el id interno.
- Respuesta
- Un envío completo del formulario público: fecha, IP, valores por campo y, opcionalmente, cliente vinculado.
- Activo / Inactivo
- Un formulario inactivo deja de aceptar respuestas en la URL pública (muestra «no disponible»). Desactivar desde el listado no borra respuestas anteriores.
- Constructor vs. respuestas
- El constructor diseña el formulario. La pantalla de respuestas muestra respuestas y estadísticas de un formulario ya publicado.
Crear y editar formulario
Pantalla Nuevo formulario — diseño en dos columnas:
Columna izquierda — Configuración
- Título (obligatorio): nombre interno y título visible en la intro pública.
- Descripción: texto opcional bajo el título en la pantalla «Comenzar».
- Notificar por e-mail: correo que recibe aviso al llegar una respuesta.
- Notificación interna en el CRM: preferencia guardada en la ficha (complementa el e-mail según configuración del sistema).
- Estado: Activo / Inactivo.
- Enlace público (solo al editar formulario ya guardado): campo de solo lectura + botón copiar.
Paleta «Añadir campo»
Botones con cada tipo de campo; al hacer clic se añade una tarjeta en el canvas derecho.
Columna derecha — Campos del formulario
- Icono para arrastrar y cambiar el orden (Sortable).
- Etiqueta de la pregunta (texto obligatorio en cada campo).
- Interruptor Req. = campo obligatorio para el encuestado.
- Botón × elimina el campo del formulario (al guardar se borra de la base de datos).
Guardar formulario crea el registro (primera vez) o actualiza título, campos y configuración. Tras el primer guardado aparece el enlace público.
Tipos de campo
| Tipo | Uso | Notas |
|---|---|---|
| Texto corto | Nombre, teléfono, asunto | Una línea |
| Texto largo | Comentarios, descripción | Área multilínea |
| Opción múltiple | Varias respuestas posibles | Checkboxes; requiere opciones |
| Selección única | Una sola opción | Radio buttons; requiere opciones |
| Calificación | Escala numérica | Botones 1…N; opciones definen el máximo (por defecto 5) |
| Fecha | Fecha de evento, nacimiento | Selector de fecha |
| Archivo | Adjuntar documento o imagen | Formatos permitidos: jpg, png, gif, pdf, doc, xls, zip, txt, mp4… |
| Número | Cantidades, edad | Campo numérico |
| Sí / No | Pregunta binaria | Dos botones grandes |
Opciones y obligatorios
En tipos Opción múltiple, Selección única y Calificación aparece el cuadro Opciones (una por línea):
Muy satisfecho Satisfecho Neutral Insatisfecho
Para Calificación, si escribe números (ej. 1, 2, 3, 4, 5, 6, 7, 8, 9, 10), la escala usará el valor máximo numérico. Si deja opciones vacías, la escala va de 1 a 5.
Obligatorio (Req.): si está activo, el encuestado no puede avanzar sin responder. En el formulario público se muestra un asterisco rojo (*) y un mensaje de error si intenta continuar vacío.
Las respuestas de opción múltiple se guardan como texto separado por comas cuando el usuario elige varias opciones.
Enlace público
Formato del enlace:
enlace público que copia desde el constructor (incluye un código único) Dónde copiarlo
- En el constructor , bloque «Enlace público» → botón copiar.
- En el listado → botón gris «Copiar enlace público».
- En respuestas → «Abrir formulario» abre la URL en nueva pestaña.
Vincular automáticamente a un cliente
Añada al enlace el parámetro identificador del cliente al final del enlace (id del cliente en el CRM). Al enviar el formulario, la respuesta queda ligada a ese cliente sin pasos extra.
El formulario debe estar Activo para que el enlace funcione. Si está inactivo, el visitante verá «Este formulario no está disponible».
Experiencia del encuestado (formulario público)
No requiere login. Flujo:
- Pantalla de introducción — título, descripción y botón «Comenzar».
- Una pregunta por pantalla — indicador «Pregunta X de Y» y barra de progreso superior.
- Navegación — «Anterior», «Siguiente» o «Enviar ✓» en la última pregunta.
- En campos de texto, la tecla Enter avanza (excepto en texto largo).
- Pantalla de gracias — confirmación de envío exitoso.
Diseño responsive (móvil y escritorio). Pie de página: «Formulario creado con EcoBelleza CRM».
Listado de formularios
Columnas: Título, Estado (Activo/Inactivo), Campos, Respuestas (enlace a detalle), Creado (fecha y empleado), Acciones.
Acciones por fila
| Botón | Acción |
|---|---|
| Amarillo | Editar constructor |
| Azul | Ver respuestas y estadísticas |
| Verde | Abrir formulario público |
| Gris | Copiar enlace al portapapeles |
| Rojo | Desactivar formulario (confirmación) |
Por defecto ve los formularios creados por su usuario empleado; perfiles con acceso amplio pueden ver todos.
Ver respuestas
Pantalla Form Mas con dos pestañas:
Respuestas
Tabla: # id, fecha/hora, cliente vinculado, IP, acciones.
- Ver () → detalle completo .
- Eliminar () → confirmación SweetAlert; borra la respuesta de forma permanente.
Si no hay respuestas, se muestra mensaje «Aún no hay respuestas para este formulario».
Detalle y vincular cliente
La pantalla de respuestas muestra todas las preguntas y respuestas en formato lista. Los campos tipo Archivo incluyen botón Descargar.
Panel «Vincular cliente»
- Seleccione un cliente en el desplegable (listado de clientes del CRM).
- Guardar vinculación.
Si la respuesta llegó con cliente en la URL pública, ya aparecerá vinculada. Puede cambiar la vinculación manualmente desde aquí.
En el listado de respuestas, un cliente vinculado se muestra con badge verde; si no, «Sin vincular».
Estadísticas
Pestaña Estadísticas en el módulo (requiere Chart.js en el layout):
- Respuestas por día — gráfica de línea de los últimos 30 días.
- Distribución por pregunta — gráficas de barras para campos con opciones fijas: opción múltiple, selección única, calificación y sí/no.
Si aún no hay datos suficientes, verá «Sin datos suficientes». Las opciones múltiples se agrupan por valor de texto guardado.
Notificaciones
Notificar por e-mail: al recibir una respuesta, el sistema intenta enviar un correo al e-mail indicado con el título del formulario y el id de respuesta. Requiere que el servidor tenga configurado el envío de correo (PHP mail).
Notificación interna en el CRM: opción guardada en la configuración del formulario para uso futuro o integraciones del CRM; marque la casilla si su proceso interno la utiliza.
Revise también el listado de respuestas periódicamente; no dependa solo del e-mail si su servidor no envía correos salientes de forma fiable.
Preguntas frecuentes
<iframe> apuntando a la URL pública. El diseño es responsive y funciona en móvil.Ejemplos prácticos
Ejemplo 1 — Encuesta de satisfacción post-venta
- Calificación 1-5 + texto largo «¿Qué mejorarías?» + Sí/No «¿Recomendarías?».
- Notificar por e-mail al responsable de calidad.
- Revisar estadísticas semanalmente.
Ejemplo 2 — Ficha pre-cita (cliente conocido)
- Enlace con
&id_cliente=desde la ficha del cliente. - Campos: motivo consulta, alergias, fecha preferida.
Ejemplo 3 — Inscripción a evento
- Texto corto nombre, selección única talla/categoría, archivo comprobante pago.
- Compartir enlace por WhatsApp.
Ejemplo 4 — Checklist interno convertido en formulario público
- Varias preguntas Sí/No + foto evidencia (archivo).
- Vincular respuestas manualmente al cliente del proyecto.
Buenas prácticas
- Use un título claro y descripción breve en la intro pública.
- Ponga las preguntas obligatorias solo cuando realmente las necesite.
- Ordene las preguntas de lo general a lo específico; pruebe el enlace en móvil antes de difundir.
- Para clientes del CRM, use cliente en la URL y evite vincular manualmente después.
- Configure e-mail de notificación y revise el listado de respuestas como respaldo.
- Desactive formularios caducados en lugar de dejar enlaces viejos activos.
- En opciones múltiples, escriba opciones mutuamente claras (una idea por línea).
- Exporte o procese respuestas importantes pronto; elimine datos que ya no necesite por privacidad.