Forms Experience Builder: biblioteca de indicaciones
Colección de patrones de indicaciones reutilizables y ejemplos optimizados para Forms Experience Builder. Esta biblioteca optimizada se centra en los dos métodos de creación principales: Crear desde cero e Importar y convertir, con compatibilidad mejorada para campos inteligentes con tecnología LLM y coherencia de marca.
aem-forms-ea@adobe.com para solicitar acceso.Uso de esta biblioteca de indicaciones
Esta biblioteca proporciona patrones de indicaciones reutilizables para escenarios comunes de creación de formularios. Para conocer las prácticas recomendadas completas, consulte la Guía de introducción a Forms Experience Builder.
Sugerencias rápidas para esta biblioteca
- Empiece con ejemplos: use las indicaciones proporcionadas como plantillas y adáptelas a sus necesidades
- Dos métodos de creación: elija los enfoques Crear desde cero o Importar y convertir
- Especifique: añada sus propios detalles a los ejemplos genéricos
- Haga pruebas exhaustivas: valide siempre los resultados en el entorno específico
Plantillas y estilos de marca
Prepare los recursos de marca con antelación para crear formularios de forma coherente:
- Plantillas de marca: prepare plantillas de formularios estandarizadas con los colores, las fuentes y los patrones de diseño de su organización
- Directrices de estilo: defina un estilo de campo, diseños de botón y estándares de espaciado coherentes que Forms Experience Builder pueda aplicar
- Biblioteca de componentes: colabore con su equipo de desarrollo para preparar componentes de formulario reutilizables que coincidan con su identidad de marca
- Recursos visuales: prepare logotipos, iconos y elementos de fondo para la integración de formularios
Ejemplos de desarrollo incremental
Estos ejemplos muestran cómo crear formularios paso a paso, empezando por lo simple y añadiendo gradualmente complejidad:
Ejemplo 1: Creación de un formulario de contacto de forma incremental
Paso 1 - Inicio de forma sencilla:
Cree un formulario de contacto básico con campos de nombre, correo electrónico, teléfono y mensaje
Paso 2 - Añadir validación:
Haga que los campos @name y @email sean obligatorios con la validación adecuada
Paso 3 - Mejorar la experiencia del usuario:
Añada texto de marcador de posición: @name “Su nombre completo”, @email “your.email@company.com”, @message “Díganos cómo podemos ayudarle”
Paso 4 - Añadir características avanzadas:
Añada un inquiryType desplegable con las opciones: “Pregunta general”, “Solicitud de asistencia”, “Consulta de ventas”, “Colaboración”
Paso 5 - Implementar la lógica condicional:
/create-rule muestra la lista desplegable @urgencyLevel (Low, Medium, High) solo cuando @inquiryType es igual a “Solicitud de asistencia”
Ejemplo 2: Creación incremental de un formulario de registro
Paso 1 - Estructura básica:
Crear un formulario de registro de usuario con el panel de información personal
Paso 2 - Añadir campos obligatorios:
Añada campos para @firstName, @lastName, @email, @phoneNumber con la validación adecuada
Paso 3 - Añadir lógica empresarial:
Cree una regla: si @age es menor de 18 años, mostrar la sección de información para padres/tutores
Paso 4 - Mejorar con preferencias:
Añada un panel de preferencias con @newsletterSubscription, @marketingConsent, @termsAccepted
Paso 5 - Añadir carga de archivos:
Incluya un campo de carga de archivo para @profilePicture con un límite de tamaño de 5 MB
Creación y administración de formularios
Cuándo se usa: cuando necesite crear formularios nuevos o modificar los existentes.
Cómo se usa: Elija uno de los dos métodos siguientes: Crear desde cero o Importar y convertir (vea la Guía de introducción.
Indicación de ejemplo - Creación de formularios simples:
Cree un formulario de comentarios de clientes con:
- Clasificación del producto (de 1 a 5 estrellas)
- Campo de comentarios para comentarios detallados
- Correo electrónico del cliente (opcional)
- Enviar a notificación por correo electrónico
Indicación de ejemplo - Creación de formularios complejos:
Cree un formulario de incorporación completo para empleados con:
**Sección de información personal:**
- Nombre completo (nombre y apellidos)
- Fecha de nacimiento con validación de edad
- Información de contacto (correo electrónico, teléfono, dirección)
- Datos de contacto de emergencia
**Datos de empleo:**
- Selección de puesto y departamento
- Fecha de inicio con validación de día laborable
- Información de salario con aviso de confidencialidad
- Estructura de informes
**Cargar documento:**
- Reanudar/cargar el CV (PDF, DOC, DOC, DOCX)
- Documentos para verificación de identidad
- Formularios fiscales e información bancaria
- Contrato de trabajo firmado
**Preferencias:**
- Selección de beneficios con calculadora de costes
- Preferencias de horario de trabajo
- Requisitos de capacitación
- Necesidades de equipo
**Reglas de validación:**
- Validación de formato de correo electrónico
- Validación de formato de número de teléfono
- Edad debe ser mayor de 18
- Deben subirse todos los documentos necesarios
- Deben aceptarse los términos y condiciones
**Acciones de envío:**
- Enviar correo electrónico de confirmación al nuevo empleado
- Notificar al departamento de RR. HH.
- Crear registro de empleado en el sistema de RR. HH.
- Programar reunión de orientación
Indicaciones de administración de formularios:
Importe este formulario de solicitud de PDF y conviértalo en un formulario adaptable con validación mejorada
Actualice el formulario de contacto existente para incluir identificadores de redes sociales y el método de contacto preferido
Reorganice el formulario de registro en un asistente de tres pasos: información personal, preferencias, confirmación
Configuración y administración de campos
Cuándo se usa: cuando deba añadir, modificar o configurar los campos de formulario.
Cómo se usa: especifique los tipos de campo, los requisitos de validación y las expectativas de la experiencia del usuario.
Indicación de ejemplo - Adición de campo básico:
Añada un campo de entrada de texto para “Nombre de la empresa” con el marcador de posición “Escriba el nombre de su empresa”
Indicación de ejemplo - Configuración de campo avanzado:
Añada una sección de dirección completa con:
**Dirección de la calle:**
- Línea de dirección 1 (obligatorio, máximo 100 caracteres)
- Línea de dirección 2 (opcional, máximo 100 caracteres)
- Ciudad (obligatorio, desplegable con ciudades comunes)
- Estado/provincia (obligatorio, desplegable)
- Código postal (obligatorio, validación de formato)
- País (obligatorio, predeterminado en “Estados Unidos”)
**Reglas de validación:**
- El código postal debe coincidir con la selección de estado
- La línea de dirección 1 no puede estar vacía
- La ciudad debe ser una ciudad válida para el estado seleccionado
**Experiencia del usuario:**
- Autocompletar en los campos de dirección
- Borrar etiquetas y texto de ayuda
- Campos de entrada compatibles con dispositivos móviles
- Cumplimiento de la accesibilidad
Indicaciones de configuración de campo:
Haga que @email campo sea obligatorio con validación en tiempo real y mensaje de error personalizado
Añada un menú desplegable para @country con opciones para EE. UU., Canadá, Reino Unido, Alemania, Francia y “Otros”
Configure el campo @phoneNumber con el formato (XXX) XXX-XXXX y la validación
Añada un campo de carga de archivo en @resume con restricciones de PDF y DOC, máximo 5 MB
Campos inteligentes mejorados LLM
Cuándo se usa: cuando necesite campos con opciones prerrellenadas que aprovechen la base de conocimiento de la IA.
Cómo se usa: solicite campos que requieran conjuntos de datos completos; la IA puede rellenar automáticamente las opciones con sus conocimientos integrados.
Campos geográficos y de ubicación
Aeropuertos y transporte:
Añada un menú desplegable para los aeropuertos de salida con todos los aeropuertos internacionales principales
Añada un campo de aeropuerto de llegada con códigos IATA y nombres completos
Cree un campo para el aeropuerto más cercano a la ubicación del usuario
Añada una selección de estaciones de tren para las ciudades europeas
Regiones administrativas:
Añada una lista completa de estados de EE. UU. con abreviaturas
Cree un menú desplegable de países con códigos ISO y nombres completos
Añada un campo para las principales ciudades del mundo con husos horarios
Incluya un menú desplegable de provincias y territorios canadienses
Añada un campo para los condados y áreas postales del Reino Unido
Datos empresariales e industriales
Clasificaciones de compañía:
Añada un campo para la clasificación del sector con códigos NAICS
Cree un menú desplegable de tipos de entidades comerciales (LLC, Corporation, Partnership, etc.)
Añada un campo para categorías de tamaño de empresa (startup, PYMES, empresa)
Incluya la selección de departamentos para organizaciones grandes
Añada un campo para tipos de servicios profesionales
Clasificaciones profesionales:
Añada un campo para los puestos laborales con funciones comunes en el sector
Cree un menú desplegable de certificaciones profesionales por campo
Incluya niveles de educación con tipos de títulos
Añada un campo para rangos de años de experiencia
Cree una selección de lenguajes y marcos de trabajo de programación
Normas y regulaciones
Asuntos financieros y legales:
Añada un campo para códigos de moneda con símbolos y tipos de cambio
Cree un menú desplegable de tipos de identificación fiscal por país
Incluya un campo para tipos de documentos legales
Añada opciones de métodos de pago con características de seguridad
Cree una selección para instituciones bancarias por país
Normas técnicas:
Añada un menú desplegable de tipos de formato de archivo con extensiones
Incluya opciones de protocolo de red
Añada un campo para tipos y versiones de base de datos
Cree una selección para métodos de autenticación de API
Sanidad y medicina
Clasificaciones médicas:
Añada un campo para especialidades médicas
Cree un menú desplegable de medicamentos comunes con nombres genéricos
Incluya un campo para los tipos de proveedores de seguros
Añada una selección para las relaciones de contacto de emergencia médica
Cree un campo para las restricciones dietéticas y las alergias
Inteligencia de tiempo y calendario
Campos de fecha y hora:
Añada un campo para el horario laboral con gestión de husos horarios
Cree un menú desplegable de días festivos por país
Incluya opciones de temporada con intervalos de fechas
Añada un campo para la reserva de salas de conferencias con disponibilidad
Cree una selección para patrones de reuniones recurrentes
Categorías de productos y servicios
Clasificaciones de comercio electrónico:
Añada un campo para las categorías de productos con subcategorías
Cree un menú desplegable de métodos de envío con estimaciones de entrega
Incluya un campo para opciones de directivas de devolución
Añada una selección para los niveles de prioridad de los clientes
Cree un campo para los ciclos de facturación de suscripción
Indicaciones de campo inteligente de ejemplo:
“Añada un campo de aeropuerto de salida con todos los principales aeropuertos del mundo, incluidos los códigos IATA y los nombres de ciudades”
“Cree un campo del sector exhaustivo utilizando la clasificación estándar de NAICS con subcategorías tecnológicas”
“Incluya un menú desplegable de certificación profesional que se adapte en función del campo de trabajo seleccionado”
“Añada un campo de número de teléfono internacional que dé formato según el país seleccionado”
“Cree un campo de selección universitaria con las principales instituciones organizadas por país y clasificación”
Creación de reglas y lógica empresarial
Cuándo se usa: cuando necesite implementar lógica condicional, reglas de validación o procesos empresariales.
Cómo se usa: describa con claridad la lógica empresarial, especificando condiciones y acciones.
Indicación de ejemplo - Lógica condicional simple:
Cree una regla que muestre el panel @spouseInformation solo cuando @maritalStatus sea igual a “Casado”
Indicación de ejemplo - Reglas empresariales complejas:
Implemente la validación completa de la solicitud de préstamo:
**Validación de ingresos:**
- Si @annualIncome es menor que 30 000:
- Mostrar mensaje de advertencia: “Los ingresos pueden ser insuficientes para el importe solicitado del préstamo”
- Requerir documentación de ingresos adicional
- Mostrar mensaje: “Puede requerirse documentación adicional”
- Si @annualIncome es mayor que el 100 000:
- Mostrar opciones de servicios premium
- Habilitar la casilla de verificación de procesamiento de prioridad
**Validación basada en la edad:**
- Si @age es menor de 18:
- Mostrar sección de información del tutor
- Hacer obligatoria la carga de firma del progenitor
- Cambiar el texto del botón de envío a “Enviar para revisión”
- Si @age mayor de 65 años:
- Mostrar las opciones de descuento para personas mayores
- Añadir la sección de preferencias de accesibilidad
Indicaciones específicas de cada regla:
Cree una **regla de visibilidad** que muestre el panel @spouseInformation únicamente cuando @maritalStatus igual a “Casado” o “Pareja de hecho”
Añada **divulgación progresiva** donde aparezcan preguntas adicionales basadas en respuestas anteriores. Comience con información básica y, a continuación, muestre los seguimientos relevantes
Implemente **valores predeterminados inteligentes** donde la selección de @country configura automáticamente los campos relacionados. Permita la anulación manual
Integración y envío de datos
Cuándo se debe usar: cuando necesite conectar formularios a sistemas back-end, bases de datos o servicios externos.
Cómo se usa: comience con la configuración básica de envío y luego añada integraciones adicionales de forma incremental. Especifique el tipo de integración, los requisitos de formato de datos y las preferencias de gestión de errores.
Indicación de ejemplo - Empiece con el envío básico:
Configure el envío de formulario básico para @applicationForm:
**Envío principal:**
- Enviar datos de formulario al punto final REST: `/api/v1/applications`
- Dar formato a los datos como JSON
- Mostrar mensaje de éxito: “La solicitud se envió correctamente”
- Mostrar mensaje de error si el envío falla: “Error en el envío, inténtelo de nuevo”
Luego añada acciones secundarias de forma incremental:
Añadir notificación por correo electrónico a @applicationForm: enviar correo electrónico de confirmación a la dirección de correo electrónico @email con el número de referencia de la aplicación
Añadir integración de CRM a @applicationForm: crear nuevo registro de cliente potencial con @firstName, @lastName, @email y establecer el estado en “Nueva aplicación”
Indicación de ejemplo - Envío multicanal estándar:
Configurar el envío de formularios con varios destinos de datos:
**Envío principal:**
- Enviar datos de formulario al punto final REST: `/api/v1/applications`
- Incluir encabezado de autenticación con clave de API
- Dar formato a los datos como JSON con objetos anidados para la dirección y el empleo
- Controlar la respuesta correcta (201) mostrando el mensaje de agradecimiento
**Acciones secundarias:**
- Enviar correo electrónico de notificación al solicitante en la dirección de correo electrónico @email
- Copiar los datos de la solicitud en el sistema de seguimiento
- Activar flujo de trabajo para el proceso de aprobación
- Crear registro en CRM con estado de posible cliente “Nueva solicitud”
**Gestión de errores:**
- Si falla el envío principal, guarde los datos localmente y vuelva a intentarlo
- Mostrar mensaje de error descriptivo: “Envío no disponible temporalmente”
- Proporcionar opción para descargar datos de formulario como copia de seguridad
- Enviar correo electrónico de alerta al equipo de administración sobre el envío fallido
**Flujo de éxito:**
- Redirigir a la página de confirmación con número de referencia de solicitud
- Enviar correo electrónico de confirmación con pasos siguientes
- Mostrar cronología estimada del procesamiento
Indicaciones específicas de la integración:
Conecte este formulario a **sistema de CRM** para crear nuevos posibles clientes. Asigne @firstName a FirstName, @email a Email, establezca LeadSource en “Formulario web” y Status en “Nuevo”
Configure **activador de flujo de trabajo** cuando se envíe el formulario. Pase todos los datos de formulario y active el flujo de trabajo de aprobación con la notificación del administrador
Configure **integración de base de datos** para guardar los envíos de formularios como registros. Crear nueva carpeta para cada envío con documentos cargados
Referencia de comandos
Comandos esenciales
/create-form/create-form employee onboarding with personal info and benefits selection/add-form/add-form newsletter signup with email and preferences/update-layout/update-layout wizard with 4 steps: info, preferences, review, confirm/update-field/update-field @email to be mandatory with real-time validation/create-rule/create-rule show @spouseInfo if @maritalStatus equals "Married"/create-panel/create-panel Employment Details with job title, company, salary fields/add-panel/add-panel from uploaded form image with field recognition/help/help how to implement multi-step validation?Referencias de campo
Utilice la sintaxis @fieldName para hacer referencia a los campos existentes en las indicaciones:
@email: campo de correo electrónico de referencia@firstName: campo de nombre de referencia@maritalStatus: campo de estado civil de referencia
tipos de componentes
Componentes de entrada:
text,email,number,tel,date,checkbox,radio,dropdown,file,textarea
Componentes de contenedor:
fieldset,panel,repeatable,wizard
Propiedades del componente
Propiedades universales (todos los componentes):
- Tipo: tipo de componente
- Nombre: identificador de campo para el envío del formulario
- Etiqueta: texto que se muestra para el campo
- Descripción: texto de ayuda para el campo
- Visible: booleano para visibilidad inicial
- Obligatorio: booleano para campos obligatorios
Propiedades del campo de entrada:
- Valor: valor predeterminado/inicial
- Marcador de posición: texto de sugerencia para los campos de entrada
- Mín.: valor mínimo (para números/fechas)
- Máx.: valor máximo (para números/fechas)
Propiedades de carga de archivos:
- Aceptar: tipos de archivo (.pdf, .doc, .docx, .jpg, .png, etc.)
- Múltiple: booleano para la selección de varios archivos
Propiedades del control de selección:
- Opciones: opciones para menús desplegables (lista separada por comas)
- Marcado: selección predeterminada para las casillas de verificación/botones de opción
Propiedades del contenedor:
- Conjunto de campos: agrupación de campos relacionados
- Repetible: booleano para secciones repetibles
Propiedades avanzadas:
- Expresión visible: fórmula para la visibilidad condicional (=fórmula)
- Expresión de valor: fórmula para los valores calculados (=fórmula)
Comandos de integración
Acciones de envío:
- Notificaciones por correo electrónico
- Envíos de API REST
- Almacenamiento en la nube (Azure, SharePoint)
- Automatización del flujo de trabajo (Power Automate, Workfront Fusion)
- Plataformas de marketing (Marketo)
- Integraciones de CRM
Instrucciones de sintaxis de indicación
- Referencias de campo: use
@fieldNamepara los campos existentes - Comandos: use
/commandpara acciones específicas - Lenguaje natural: describa los requisitos de forma clara y específica
Lista de comprobación de validación
Para obtener prácticas recomendadas y directrices de validación completas, consulte la Guía de introducción a Forms Experience Builder.
Esta biblioteca de indicaciones se actualiza continuamente en función de los comentarios de los usuarios y las nuevas capacidades de Forms Experience Builder. Para obtener las últimas funciones y ejemplos, consulte la documentación de AEM Forms.