Vaya a la interfaz del editor universal para AEM Forms
El editor universal proporciona una interfaz visual para crear formularios de AEM Forms con Edge Delivery Services. Ofrece una experiencia What You See Is What You Get (WYSIWYG) que muestra exactamente cómo aparecerán los formularios a los usuarios.
Esta guía le ayuda a comprender la interfaz para crear formularios de forma eficaz. Tanto si es nuevo en la creación de formularios como si es un desarrollador experimentado, esta guía le ayudará a lo siguiente:
Aprender habilidades esenciales:
- Navegar por la interfaz con confianza y eficientemente
- Utilizar las herramientas adecuadas para las tareas comunes de creación de formularios
- Aprovechar los métodos abreviados del teclado para aumentar la productividad
- Solucionar problemas comunes de la interfaz
Flujos de trabajo de clave maestra:
- Configurar su espacio de trabajo para obtener una productividad óptima
- Generar formularios desde el concepto hasta la publicación
- Probar y previsualizar formularios en varios dispositivos
- Colaborar con integrantes del equipo en proyectos de formularios
Introducción rápida
Usuarios nuevos: empiece con Herramientas esenciales para conocer las funciones principales que usará con más frecuencia.
Usuarios experimentados: vaya a Características avanzadas para obtener herramientas e integraciones especializadas.
Referencia rápida: utilice las secciones Información general de la interfaz y Métodos abreviados de teclado para realizar búsquedas rápidas.
Información general de la interfaz
La interfaz del editor universal está organizada en cuatro áreas principales, cada una diseñada para tareas específicas:
Flujo de interfaz: la mayoría de los usuarios trabajan principalmente en el Lienzo del editor (D) y en el Panel Propiedades ©, utilizando la Barra de herramientas (B) para acciones como previsualizar y publicar.
Herramientas esenciales para la creación de formularios
Comience aquí si es nuevo con el uso del editor universal. Estas son las herramientas principales que utilizará para la mayoría de las tareas de creación de formularios:
1. Lienzo del editor: su espacio de trabajo principal
El Lienzo del editor es donde se generan los formularios visualmente. Muestra exactamente el aspecto que tendrá el formulario para los usuarios.
Acciones clave:
- Añadir componentes haciendo en el botón Añadir en el panel Propiedades
- Seleccionar elementos haciendo clic directamente en ellos en el lienzo
- Ver cambios en tiempo real a medida que se configuran los componentes
- Interacciones de prueba en modo de vista previa
2. Panel Propiedades: configurar los componentes
En el Panel de propiedades (lado derecho) se personalizan los componentes seleccionados y se administra la estructura del formulario.
Características esenciales:
- Modo de propiedades (acceso directo
d): definir la configuración del componente seleccionado - Árbol de contenido (acceso directo
f): desplazarse por la estructura del formulario - Agregar componentes (acceso directo
a): insertar nuevos campos de formulario - Acciones de componente: duplicar o eliminar elementos seleccionados
3. Aspectos básicos de la barra de herramientas: previsualización y publicación
La Barra de herramientas del editor universal proporciona acciones clave para probar y publicar formularios.
Herramientas imprescindibles:
- Modo de vista previa (acceso directo
p): probar el formulario tal y como lo verán los usuarios - Modo adaptable: compruebe el aspecto del formulario en dispositivos móviles
- Abrir página (acceso directo
o): ver formulario en una nueva pestaña - Publicar: activar el formulario para los usuarios
4. Flujo de trabajo de inicio rápido
Para su primer formulario:
- Comenzar a generar : agregar componentes mediante el botón Añadir (
a) - Configurar campos: seleccionar componentes y usar Modo de propiedades (
d) - Probar el formulario: usar Modo de vista previa (
p) para interactuar con el formulario - Comprobar vista móvil: cambiar a Modo adaptable para pruebas móviles
- Activar: hacer clic en Publicar cuando esté listo
Puntos de comprobación de validación:
- ¿Puede añadir y configurar campos de formulario?
- ¿Funciona correctamente el modo de previsualización?
- ¿Están correctamente configurados todos los campos obligatorios?
- ¿Se muestra bien el formulario en los dispositivos móviles?
Encabezado de Experience Cloud
El encabezado de Experience Cloud proporciona herramientas de navegación y administración de cuentas. La mayoría de los creadores de formularios lo utilizan ocasionalmente para cambiar entre las herramientas de Adobe o acceder a la ayuda.
Elementos clave:
Usos más comunes:
- Obtención de ayuda: haga clic en el icono Ayuda para obtener documentación y asistencia técnica.
- Cambio de organizaciones: utilice la lista desplegable Organización si tiene acceso de varias organizaciones.
Barra de herramientas del editor universal
La Barra de herramientas del editor universal contiene las herramientas principales de edición y publicación de formularios. Están organizados por frecuencia de uso y flujo de trabajo habitual.
Herramientas de flujo de trabajo diario
Estas herramientas se utilizan en la mayoría de las sesiones de creación de formularios:
Modo de vista previa (acceso directo p)
Propósito: probar el formulario exactamente como lo experimentarán los usuarios
Cuándo se debe usar: antes de publicar, después de realizar cambios, para probar la funcionalidad del formulario.
Práctica recomendada: vista previa después de cada cambio importante para detectar los problemas con antelación.
Modo adaptable
Propósito: comprobar cómo se muestra el formulario en dispositivos móviles
Cuándo se debe usar: después de generar el formulario, antes de publicar
Práctica recomendada: probar siempre la vista móvil (muchos usuarios tendrán acceso a los formularios en los teléfonos).
Abrir página (acceso directo o)
Propósito: ver el formulario en una nueva pestaña sin la interfaz del editor
Cuándo se debe usar: para pruebas a pantalla completa y uso compartido con las partes interesadas para su revisión
Publicar
Propósito: hacer que el formulario esté activo y accesible para los usuarios
Cuándo se debe usar: después de realizar pruebas exhaustivas en los modos Previsualización y Adaptable
Lista de comprobación de validación antes de la publicación:
- Formulario probado en modo Previsualización
- Respuesta móvil verificada
- Todos los campos obligatorios configurados
- Acciones de envío que funcionan correctamente
Herramientas de navegación
Botón de inicio
Propósito: volver a la página de inicio del editor universal
Cuándo se debe usar: empezar a trabajar en un formulario diferente
Barra de ubicación (acceso directo l)
Propósito: navegar directamente a cualquier formulario por dirección URL
Cuándo se debe usar: cambiar rápidamente entre formularios específicos
Herramientas de configuración avanzada
Estas herramientas se utilizan en escenarios específicos o en configuraciones avanzadas:
Propiedades del formulario AEM
Propósito: configurar las opciones de nivel de formulario, como el modelo de datos de formulario (FDM) y las fechas de publicación
Cuándo se debe usar: configuración de integraciones de datos, programación de publicaciones
El panel Propiedades del formulario incluye las siguientes secciones:
-
Envío: defina lo que sucede después de que un usuario envíe el formulario. Elija entre varias acciones de envío, como enviar datos por correo electrónico, enviar a SharePoint, utilizar un modelo de datos de formulario o integrar con servicios como Adobe Experience Platform o Microsoft Power Automate. Para obtener una lista completa de las acciones de envío admitidas, consulte el artículo Acción de envío.
-
Rellenar previamente: configure cómo se rellenan automáticamente los campos de formulario antes de que el usuario interactúe con el formulario. Puede conectarse a fuentes de datos, como un modelo de datos de formulario (FDM) o utilizar parámetros de URL para rellenar previamente los campos, lo que mejora la experiencia del usuario y reduce los datos introducidos manualmente. Para obtener más información, consulte el artículo Servicio de rellenado previo.
-
Gracias: personalice lo que los usuarios ven después de enviar el formulario. Puede mostrar un mensaje de confirmación o redirigirlo a otra página web, lo que garantiza una experiencia de finalización fluida y profesional. Para obtener información sobre cómo configurar un mensaje de agradecimiento para formularios, consulte el artículo Configurar mensaje de agradecimiento.
Editor de reglas (acceso anticipado)
Propósito: agregar comportamientos dinámicos, validaciones y lógica condicional
Cuándo se debe usar: creación de formularios interactivos con lógica empresarial compleja
Configuración del encabezado de autenticación
Propósito: establecer encabezados de autenticación personalizados para las pruebas de desarrollo
Cuándo se debe usar: desarrollo local con formularios requeridos para autenticación
Opciones adicionales (menú de puntos suspensivos)
Propósito: acceder a acciones menos comunes como cancelar la publicación
Cuándo se debe usar: desconectar formularios y obtener acceso a opciones avanzadas
Panel Propiedades
El Panel de propiedades (lado derecho) es el centro de control para generar y configurar formularios. Cambia en función de lo que seleccione y proporciona diferentes herramientas para diferentes tareas.
Herramientas de creación de formularios básicos
Estas herramientas son esenciales para crear y organizar los formularios:
Agregar componentes (acceso directo a)
Propósito: insertar nuevos campos y elementos de formulario
Cómo funciona: muestra los componentes disponibles para el contenedor seleccionado
Componentes comunes:
- Entrada de texto, correo electrónico, campos de teléfono
- Lista desplegable, botones de radio, casillas de verificación
- Carga de archivo, selector de fecha
- Paneles y secciones para la organización
Modo Propiedades (acceso directo d)
Propósito: definir la configuración de los componentes seleccionados
Cuándo de debe usar: después de agregar cualquier componente para personalizar su comportamiento
Configuración de clave:
- Etiquetas de campo y texto de marcador de posición
- Reglas de validación (obligatorio, formato, longitud)
- Valores predeterminados y texto de ayuda
- Reglas de visibilidad condicionales
Árbol de contenido (acceso directo f)
Objetivo: navegar por la estructura del formulario y organizarla
Cuándo se debe usar: formularios complejos con varias secciones, que buscan componentes específicos
Ventajas:
- Navegación rápida a cualquier componente
- Jerarquía de formulario visual
- Reorganización sencilla de elementos
Acciones de componente
Propósito: administrar componentes existentes
Acciones disponibles:
- Duplicar: copiar componentes rápidamente
- Eliminar: quitar componentes (sin mensaje de confirmación)
Funciones e integraciones avanzadas
Estas herramientas habilitan la funcionalidad de formulario sofisticada:
Fuente de datos
Propósito: conectar formularios a sistemas de datos back-end
Cuándo se debe usar: formularios que necesitan realizar operaciones de lectura y escritura en bases de datos o servicios externos
Capacidades:
- Configuración del modelo de datos de formulario (FDM)
- Población de datos dinámicos
- Envío a sistemas externos
Generar variaciones
Objetivo: usar IA para crear distintas versiones del contenido del formulario
Cuándo se debe usar: experimentar con texto, diseños o enfoques diferentes
¡
Más Información: Generar guía de variaciones
Borradores de contenido
Propósito: crear y guardar versiones de texto preliminares
Cuándo se debe usar: iterar en la copia del formulario y guardar opciones de texto alternativo
Pruebas A/B
Propósito: comparar variaciones de formularios para optimizar el rendimiento
Cuándo se debe usar: optimización de tasas de conversión y prueba de diferentes diseños
Experimentación
Propósito: ejecutar pruebas controladas en diseños de formulario
Cuándo se debe usar: optimización de formularios basada en datos, pruebas de experiencia del usuario
¡
Administración de tareas
Propósito: organizar el flujo de trabajo del equipo para proyectos de formularios
Cuándo se debe usar: desarrollo de formularios entre varias personas, seguimiento de proyectos
Personalización
Propósito: conectar con Adobe Experience Platform para obtener experiencias adaptadas
Cuándo se debe usar: creación de formularios personalizados basados en datos de usuario
¡
Lienzo del editor
El Lienzo del editor es el área de trabajo principal donde se generan visualmente los formularios. Muestra exactamente cómo se mostrará el formulario a los usuarios y proporciona comentarios en tiempo real a medida que realiza cambios.
Funciones principales:
- Edición WYSIWYG: ver los cambios inmediatamente a medida que se realizan
- Interacción directa: hacer clic en cualquier componente para seleccionarlo y editarlo
- Vista previa en tiempo real: cambiar al modo Previsualización para probar la funcionalidad
- Pantalla interactiva: cambiar las vistas de los dispositivos para comprobar la compatibilidad con dispositivos móviles
Prácticas recomendadas:
- Comenzar con estructura: agregar secciones principales antes de los componentes detallados
- Realizar pruebas con frecuencia: utilizar el modo Previsualización periódicamente para detectar problemas de forma anticipada
- Pensar primero en los dispositivos móviles: comprobar el modo Adaptable durante todo el proceso de diseño
Métodos abreviados de teclado
Domine estos métodos abreviados para crear formularios de forma más rápida y eficaz:
adfpolSugerencia profesional: use estos métodos abreviados en combinación; por ejemplo, seleccione un componente, presione d para configurarlo y, a continuación, presione p para probar los cambios.
Flujos de trabajo comunes
Creación de su primer formulario
- Agregar estructura: usar
apara agregar un panel para secciones de formulario - Agregar campos: insertar entrada de texto, correo electrónico y otros componentes
- Configurar propiedades: seleccionar cada campo y presionar
dpara establecer las etiquetas y la validación - Probar funcionalidad: presionar
ppara obtener una vista previa y probar el formulario - Comprobar la vista móvil: utilizar el modo adaptable para comprobar la pantalla móvil
- Publicar: hacer clic en Publicar cuando esté listo para su lanzamiento
Edición de formularios existentes
- Desplazarse por la estructura: usar el árbol de contenido (
f) para buscar componentes rápidamente - Seleccionar y modificar: hacer clic en los componentes directamente o usar el árbol de contenido
- Probar los cambios: previsualizar (
p) después de cada cambio significativo - Validar flujo de trabajo: probar el flujo de formulario completo antes de volver a publicar
Colaboración con equipos
- Usar Administración de tareas: asignar secciones de formulario específicas a los integrantes del equipo
- Compartir para revisión: usar Abrir página (
o) para compartir vistas previas limpias - Realizar pruebas juntas: usar el modo Previsualización en las sesiones de pruebas de colaboración
- Seguimiento del progreso: comprobar notificaciones para actualizaciones de tareas
Solución de problemas comunes
Problemas de interfaz
Problema: los botones de la barra de herramientas, el Panel de propiedades u otros elementos de la interfaz no aparecen
Soluciones:
- Actualizar la página: una simple actualización del explorador suele resolver los problemas de carga
- Comprobar la compatibilidad del explorador: usar Chrome, Firefox o Safari
- Borrar caché del explorador: eliminar los archivos en caché que puedan estar obsoletos
- Verificar permisos: asegurarse de que dispone del acceso adecuado para editar formularios
Problema: no se pueden seleccionar componentes o el Panel de propiedades no se actualiza
Soluciones:
- Hacer clic directamente en los componentes: evitar hacer clic en áreas vacías
- Usar árbol de contenido: presionar
fy seleccionar componentes del árbol - Comprobar si hay elementos superpuestos: algunos componentes podrían estar bloqueando otros
- Volver a cargar el formulario: usar la barra de ubicación (
l) para volver a cargar el formulario actual
Problema: el modo Previsualización no funciona correctamente o muestra errores
Soluciones:
- Comprobar la validación del formulario: asegúrese de que todos los campos obligatorios estén correctamente configurados
- Primero probar en modo de edición: comprobar que los componentes funcionan antes de previsualizarlos
- Borrar caché del explorador: los scripts en caché podrían interferir con la previsualización
- Comprobar la configuración del componente: revisar la configuración del modo Propiedades para ver si hay errores
Prácticas recomendadas para la generación eficaz de formularios
Sugerencias para la organización
- Usar nombres descriptivos: etiquetar claramente los componentes en el modo Propiedades
- Campos relacionados con el grupo: utilizar los paneles para organizar las secciones de formulario de forma lógica
- Planificar antes de generar: crear un boceto de la estructura del formulario antes de comenzar
- Mantenerlo simple: evitar abrumar a los usuarios con demasiados campos
Experiencia del usuario
- Realizar pruebas con frecuencia: usar el modo de vista previa después de cada cambio importante
- Pensar como usuarios: considerar la posibilidad de rellenar todos los formularios
- Proporcionar etiquetas claras: hacer que los propósitos de los campos sean obvios para los usuarios
- Agregar texto útil: usar texto de ayuda para campos complejos
Optimización de rendimiento
- Minimizar componentes: utilizar solo los campos de formulario necesarios
- Optimizar imágenes: comprimir todas las imágenes utilizadas en los formularios
- Probar en dispositivos móviles: garantizar un buen rendimiento en conexiones móviles más lentas
- Validar de forma anticipada: configurar la validación adecuada para evitar errores de envío
Próximos pasos
Ahora que comprende la interfaz del editor universal:
- Practicar con un formulario sencillo: empezar con los campos básicos para sentirse cómodo
- Explorar características avanzadas: probar herramientas e integraciones con tecnología de IA cuando esté listo
- Aprender a crear formularios: consultar la Guía de introducción
- Editor de reglas maestro: agregar comportamientos dinámicos con la Guía del editor de reglas
Recordatorio: el editor universal está diseñado para hacer que la generación de formularios sea intuitiva. Empiece con lo esencial y explore gradualmente las funciones avanzadas a medida que sus necesidades aumenten.