Descripción: Herramienta completa para la creación de formularios personalizados (como formularios de contacto, encuestas o formularios de registro) y la definición de las acciones automáticas que deben ejecutarse después de cada envío.
¿Para qué sirve? (Ejemplos prácticos)
Utiliza esta herramienta para:
- Gestionar las suscripciones al newsletter: Crea un formulario de suscripción y vincúlalo automáticamente a una o más listas de marketing, gestionando el consentimiento y la asignación de etiquetas.
- Automatizar el registro de clientes: Recoge datos personales y de facturación, creando o actualizando automáticamente el perfil del cliente en la base de datos y enviando las credenciales de acceso.
- Crear cuestionarios y encuestas avanzadas: Define campos con lógica condicional, mostrando u ocultando preguntas específicas según las respuestas previas del usuario.
Funcionalidades principales
Creación y personalización de campos
El módulo ofrece un control granular sobre cada elemento del formulario:
- Tipos de input: Soporta varios tipos de campos, incluyendo texto libre, email, teléfono, numérico, fecha, hora, contraseña, carga de archivos, selección única (radio), selección múltiple (checkbox) y campos ocultos.
- Lógica condicional: Permite establecer condiciones de visualización para cada campo. Un campo aparecerá solo si las respuestas dadas en otros campos cumplen los criterios definidos.
- Validación y requisitos: Es posible hacer que los campos sean obligatorios, establecer valores predeterminados, definir sugerencias (placeholder) y, para los campos numéricos, especificar valores mínimos y máximos.
- Gestión de archivos: Para los campos de carga, es posible especificar qué formatos (ej. PDF, JPEG, DOCX) son aceptados.
- Diseño Responsive: Permite definir el ancho de cada campo (25%, 50%, 100%) diferenciadamente para dispositivos Desktop, Tablet y Mobile.
Gestión de envíos e historial
- Resumen: Visualiza la lista de todos los formularios creados, su estado activo y el número total de envíos recibidos.
- Historial detallado: Cada envío se registra mostrando la fecha, el usuario (si está logueado o identificado), el idioma utilizado y el estado de éxito o fallo de todas las acciones automáticas asociadas.
- Detalles de datos: Permite visualizar en detalle todos los datos enviados por el usuario, incluidos los datos de rastreo (como el origen del envío).
Personalización del botón de envío
Es posible personalizar el texto del botón de envío y aplicar clases CSS específicas para modificar su apariencia y tamaño dentro del diseño.
Cómo se configura
La configuración de un nuevo formulario se realiza mediante un proceso guiado dividido en secciones principales:
1. Generales
Define el Nombre del form (obligatorio) y establece el estado en Activo o Inactivo. En esta sección también se genera el link público del formulario, que puede ser visualizado y copiado para integración externa.
2. Campos
Utiliza la interfaz para agregar y ordenar los campos. Para cada campo es necesario definir:
| Configuración | Descripción |
|---|---|
| Nombre campo | La etiqueta visible para el usuario. |
| ID Campo | El identificador único interno (útil para integraciones y condiciones). |
| Tipo input | Elige el formato de respuesta (texto, email, radio, etc.). |
| Valores select | Si el campo es una selección (radio/checkbox), define las opciones disponibles (Valor interno y Texto visible). |
| Obligatorio | Indica si el usuario debe completar el campo para poder enviar el formulario. |
| Ancho campo | Establece el tamaño ocupado por el campo en la cuadrícula responsive. |
| Condiciones de visualización | Define reglas para mostrar el campo solo si ciertas condiciones se cumplen en otros campos. |
3. Acciones
Esta sección define las operaciones automáticas a ejecutar después que un usuario haya enviado el formulario. Para cada acción activada es posible configurar detalles específicos y mensajes de respuesta.
Gestión mensajes de respuesta
Para cada acción es posible activar la Gestión de Mensajes para personalizar título y texto que verá el usuario tras enviar (por ejemplo: "Envío realizado con éxito" o "Error durante la registración").
Integraciones automáticas (Acciones)
Las acciones automáticas conectan el formulario con otras herramientas del sistema Framework360 o servicios externos.
| Acción | Propósito y Configuración |
|---|---|
| Registrar cliente (Datos personales) | Asocia los campos del formulario con datos personales (Nombre, Apellido, Email, Dirección, Datos fiscales) para crear o actualizar un perfil cliente. Permite generar y enviar credenciales al Área Cliente si aún no está registrado. |
| Asignación etiquetas | Asigna automáticamente etiquetas (tags) estáticas o dinámicas al perfil cliente tras enviar facilitando segmentación. |
| Suscripción Newsletter | Suscribe al usuario a listas marketing. Se pueden seleccionar listas estáticas o dinámicas y elegir ignorar protocolo Double Opt-In si es necesario. |
| Solicitud genérica a dirección email | Envía notificación interna con datos del formulario a uno o varios destinatarios personalizados. Es posible personalizar plantilla del email notification. |
| Respuesta automática al usuario | Envía email confirmación o agradecimiento al usuario que completó el formulario. Permite definir remitente personalizado (SMTP), dirección Reply-To y adjuntar archivos (ej.: PDF informativo). |
Eventos Javascript (Avanzado)
Esta sección está reservada a usuarios con conocimientos en programación. Permite insertar código JavaScript personalizado en puntos específicos del ciclo vital del form (ej.: antes validación, después éxito envío) para ejecutar lógicas complejas o integrar servicios externos.
> Atención: Un código incorrecto aquí puede comprometer funcionamiento del formulario.
Integraciones con contenidos (Shortcode)
Los datos recogidos por el form e información sistema están disponibles como shortcodes dinámicos utilizables en plantillas emails respuesta automática o notificaciones internas.
Ejemplos shortcode disponibles:
{nome_campo}: Valor ingresado por usuario en ese campo.{site-link}: Link a página donde fue enviado form.{logged-user-id}: ID cliente si estaba logueado al momento envío.{logged-user-email}: Email cliente si estaba logueado al momento envío.
Importación Formularios Globales
Es posible importar o duplicar formularios existentes mediante función específica importación mostrando vista previa acciones automáticas asociadas a cada módulo global.
